使用ViewPager，PagerSlidingTabStrip，SwipeRefreshLayout打造一款可以点击可以侧滑的顶部导航栏。

先简单介绍一下所用的两个个开源库。

PagerSlidingTabStrip

Github地址

用法：

1.向app Module中的build.gradle中添加依赖

dependencies { 
compile 'com.astuetz:pagerslidingtabstrip:1.0.1' 
} 

2.把PagerSlidingTabStrip这个控件添加到你的布局中，它通常会放在ViewPager的上面

<com.astuetz.PagerSlidingTabStrip 
  android:id="@+id/tabs" 
  android:layout_width="match_parent" 
  android:layout_height="48dip" /> 

3.在你的onCreate()方法中(或者是在Fragment里面的onCreateView()方法中)，把PagerSlidingTabStrip跟ViewPager绑定在一起

// Initialize the ViewPager and set an adapter 
 ViewPager pager = (ViewPager) findViewById(R.id.pager); 
 pager.setAdapter(new TestAdapter(getSupportFragmentManager())); 
 // Bind the tabs to the ViewPager 
 PagerSlidingTabStrip tabs = (PagerSlidingTabStrip) findViewById(R.id.tabs); 
 tabs.setViewPager(pager); 

4.如果你要设置PagerChange监听的话

// continued from above 
tabs.setOnPageChangeListener(mPageChangeListener); 

至于它里面的其他很多方法我在这里就不多讲了，需要了解的同学可以去看下Github。

SwipeRefreshLayout

SwipeRefreshLayout是谷歌官方出的一款下拉刷新的控件，只支持下拉刷新，并不支持上拉加载，当然，Github里面也有人基于这个控件写了上拉加载的开源框架，嘻嘻，下一篇给你们介绍。

用法：

1.在xml文件中添加Android.support.v4.widget.SwipeRefreshLayout

<android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:id="@+id/refresh_layout" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <ListView 
    android:id="@+id/lv" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 
</android.support.v4.widget.SwipeRefreshLayout> 

2.下拉时若需要出发事件，需实现SwipeRefreshLayout.OnRefreshListener，重写onRefresh()方法。

仿豆瓣实现滑动效果

首先我们先看到MainActivity.class

package com.example.dragonhaw.doubandemo; 
import android.os.Bundle; 
import android.support.v4.app.Fragment; 
import android.support.v4.app.FragmentManager; 
import android.support.v4.app.FragmentPagerAdapter; 
import android.support.v4.view.ViewPager; 
import android.support.v7.app.AppCompatActivity; 
import android.view.Window; 
import com.astuetz.PagerSlidingTabStrip; 
import com.example.dragonhaw.doubandemo.fragment.PagerFragment; 
import com.example.dragonhaw.doubandemo.fragment.RefreshFragment; 
/** 
 * Created by dragonhaw at 9/13/2016 
 */ 
public class MainActivity extends AppCompatActivity { 
  /** 
   * Page的数量 
   */ 
  private static final int PAGER_NUM = 4; 
  /** 
   * PagerSlidingTabStrip的对象 
   */ 
  private PagerSlidingTabStrip pagerSlidingTabStrip; 
  /** 
   * ViewPager的对象 
   */ 
  private ViewPager viewPager; 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    //隐藏ActionBar，此方法必须写在setContentView的前面，因为必须在contentView未加载之前将其去掉 
    requestWindowFeature(Window.FEATURE_NO_TITLE); 
    setContentView(R.layout.activity_main); 
    initView(); 
  } 
  /** 
   * 初始化View 
   */ 
  private void initView() { 
    pagerSlidingTabStrip = (PagerSlidingTabStrip) findViewById(R.id.pager_tabs); 
    viewPager = (ViewPager) findViewById(R.id.pager); 
    //设置ViewPager每次预加载3个pager，也就是除当前pager外另外加载了三个pager，默认为1 
    viewPager.setOffscreenPageLimit(3); 
    viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager())); 
    pagerSlidingTabStrip.setViewPager(viewPager); 
  } 
  public class MyFragmentPagerAdapter extends FragmentPagerAdapter { 
    private String[] Titles = new String[]{ 
        "豆瓣", "发现", "讨论", "我的" 
    }; 
    public MyFragmentPagerAdapter(FragmentManager fm) { 
      super(fm); 
    } 
    /** 
     * 回调此方法得到Title内容 
     */ 
    @Override 
    public CharSequence getPageTitle(int position) { 
      return Titles[position]; 
    } 
    /** 
     * 回调此方法得到Fragment，这里使用Bundle是为了给PagerFragment里面的TextView传入数据 
     */ 
    @Override 
    public Fragment getItem(int position) { 
      Bundle bundle = new Bundle(); 
      Fragment pagerFragment; 
      if (position == 0) { 
        pagerFragment = new RefreshFragment(); 
      } else { 
        pagerFragment = new PagerFragment(); 
      } 
      bundle.putInt("pager_num", position); 
      pagerFragment.setArguments(bundle); 
      return pagerFragment; 
    } 
    /** 
     * 回调此方法得到Pager的个数 
     */ 
    @Override 
    public int getCount() { 
      return PAGER_NUM; 
    } 
  } 
} 

整个MainActivity应该没什么好说的吧，难理解的地方我都注释了。然后我们写Fragment，在这里我们写两个Fragment，第一个Fragment也就是首页，要实现ListView跟下拉刷新的那个Fragment，RefreshFragment.class代码如下：

package com.example.dragonhaw.doubandemo.fragment; 
 import android.os.Bundle; 
import android.os.Handler; 
import android.support.v4.app.Fragment; 
import android.support.v4.widget.SwipeRefreshLayout; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ArrayAdapter; 
import android.widget.ListView; 
import com.example.dragonhaw.doubandemo.R; 
import java.util.ArrayList; 
import java.util.List; 
/** 
 * Created by dragonhaw on 2016/9/13. 
 */ 
public class RefreshFragment extends Fragment implements SwipeRefreshLayout.OnRefreshListener{ 
  private SwipeRefreshLayout swipeRefreshLayout; 
  private ListView listView; 
  @Override 
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
    View view =inflater.inflate(R.layout.fragment_refresh, container, false); 
    swipeRefreshLayout = (SwipeRefreshLayout) view.findViewById(R.id.refresh_layout); 
    swipeRefreshLayout.setOnRefreshListener(this); 
    //为下拉刷新的设置四种颜色 
    swipeRefreshLayout.setColorSchemeResources( 
        android.R.color.holo_blue_light, 
        android.R.color.holo_green_light, 
        android.R.color.holo_green_light, 
        android.R.color.holo_orange_light 
    ); 
    listView = (ListView) view.findViewById(R.id.lv); 
    listView.setAdapter(new ArrayAdapter<String >(getActivity(), android.R.layout.simple_list_item_1,getData())); 
    return view; 
  } 
  @Override 
  public void onRefresh() { 
    swipeRefreshLayout.setRefreshing(true); 
    new Handler().postDelayed(new Runnable() { 
      @Override 
      public void run() { 
        swipeRefreshLayout.setRefreshing(false); 
      } 
    }, 3000); 
  } 
  public List<String> getData() { 
    List<String> data = new ArrayList<>(); 
    for (int i = 0; i < 30; i++) { 
      data.add("数据" + i); 
    } 
    return data; 
  } 
} 

SwipeRefreshLayout的setColorSchemeResources()方法，是给下拉刷新的那个圆圈设置颜色，最多可以设置四种颜色，这个框架在Android5.0之前是一个横线的颜色变化，很一般，一点都不好看，但是在Android5.0后就变为了一个圆圈的变化，很多APP都用的它，比如说斗鱼tv等。

另外，在onRefresh()方法中，我们设置了三秒钟刷新完成，即setRefreshing()中状态从true变为false。

再接下来我们又建一个Fragment，PagerFragment.class代码如下：

package com.example.dragonhaw.doubandemo.fragment; 
import android.os.Bundle; 
import android.support.v4.app.Fragment; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.TextView; 
import com.example.dragonhaw.doubandemo.R; 
/** 
 * Created by dragonhaw on 2016/9/13. 
 */ 
public class PagerFragment extends Fragment { 
  private TextView textView; 
  @Override 
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
    View view = inflater.inflate(R.layout.fragment_pager, container, false); 
    textView = (TextView) view.findViewById(R.id.text); 
    Bundle bundle = getArguments(); 
    int pager = bundle.getInt("pager_num"); 
    textView.setText("" + pager); 
    return view; 
  } 
} 

MainActivity的布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:app="http://schemas.android.com/apk/res-auto" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="vertical" 
  tools:context=".MainActivity"> 
  <com.astuetz.PagerSlidingTabStrip 
    android:id="@+id/pager_tabs" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    android:background="#ff2d2d2d" 
    android:textColor="#ff8f8f8f" 
    android:textSize="18sp" 
    app:pstsIndicatorColor="#ff00cd79" 
    app:pstsIndicatorHeight="4dp" 
    app:pstsShouldExpand="true" /> 
  <android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 
</LinearLayout> 

PagerFragment的布局文件如下：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:orientation="vertical" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <TextView 
    android:id="@+id/text" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="" 
    android:textSize="50sp" 
    android:gravity="center" 
    /> 
</LinearLayout> 

RefreshFragment的布局文件如下：

<android.support.v4.widget.SwipeRefreshLayout 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:id="@+id/refresh_layout" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  > 
  <ListView 
    android:id="@+id/lv" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 
</android.support.v4.widget.SwipeRefreshLayout> 

以上所述是小编给大家介绍的Android实现顶部导航栏可点击可滑动效果(仿微信仿豆瓣网)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# android顶部导航栏滑动  # android顶部导航栏  # Android程序开发之Fragment实现底部导航栏实例代码  # Android实现沉浸式通知栏通知栏背景颜色跟随app导航栏背景颜色而改变  # Android实现底部导航栏功能（选项卡）  # Android 沉浸式状态栏与隐藏导航栏实例详解  # Android仿网易客户端顶部导航栏效果  # 超简单的几行代码搞定Android底部导航栏功能  # Android仿今日头条顶部导航栏效果的实例代码  # Android实现简单底部导航栏 Android仿微信滑动切换效果  # Android项目实战之仿网易顶部导航栏效果  # Android自定义字母导航栏  # 加载  # 回调  # 四种  # 小编  # 开源  # 是一个  # 是在  # 在这里  # 放在  # 都不  # 第一个  # 你要  # 最多  # 在此  # 我都  # 不多  # 将其  # 去看  # 给大家  # 写了 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何实现多对多模型关联？（Eloquent教程）  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  如何挑选高效建站主机与优质域名？  用yum安装MySQLdb模块的步骤方法  Laravel如何使用Collections进行数据处理？（实用方法示例）  大型企业网站制作流程,做网站需要注册公司吗？  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  实现点击下箭头变上箭头来回切换的两种方法【推荐】  JS中页面与页面之间超链接跳转中文乱码问题的解决办法  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  微信小程序 canvas开发实例及注意事项  详解Huffman编码算法之Java实现  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  网站建设整体流程解析，建站其实很容易！  简历在线制作网站免费版,如何创建个人简历？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  南京网站制作费用,南京远驱官方网站？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  JavaScript如何实现倒计时_时间函数如何精确控制  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  西安专业网站制作公司有哪些,陕西省建行官方网站？  如何在景安云服务器上绑定域名并配置虚拟主机？  重庆市网站制作公司,重庆招聘网站哪个好？  如何快速完成中国万网建站详细流程？  ,在苏州找工作，上哪个网站比较好？  浅谈redis在项目中的应用  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  iOS中将个别页面强制横屏其他页面竖屏  如何快速使用云服务器搭建个人网站？  大同网页,大同瑞慈医院官网？  nodejs redis 发布订阅机制封装实现方法及实例代码  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  实例解析Array和String方法  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  独立制作一个网站多少钱,建立网站需要花多少钱？  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  网站图片在线制作软件,怎么在图片上做链接？  JS碰撞运动实现方法详解  Linux系统命令中screen命令详解  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  如何快速搭建高效简练网站？  如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环