Android实现顶部导航栏可点击可滑动效果(仿微信仿豆瓣网)

 使用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自定义字母导航栏  # 加载  # 回调  # 四种  # 小编  # 开源  # 是一个  # 是在  # 在这里  # 放在  # 都不  # 第一个  # 你要  # 最多  # 在此  # 我都  # 不多  # 将其  # 去看  # 给大家  # 写了 

相关文章： 韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  seo网站制作优化,网站SEO优化步骤有哪些？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  网站按钮制作软件,如何实现网页中按钮的自动点击？  如何在新浪SAE免费搭建个人博客？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  如何快速生成专业多端适配建站电话？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  ,想在网上投简历，哪几个网站比较好？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  一键网站制作软件,义乌购一件代发流程？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  网页设计网站制作软件,microsoft office哪个可以创建网页？  建站之星备案流程有哪些注意事项？  如何高效利用亚马逊云主机搭建企业网站？  购物网站制作公司有哪些,哪个购物网站比较好？  建站主机是否属于云主机类型？  寿县云建站：智能SEO优化与多行业模板快速上线指南  山东网站制作公司有哪些,山东大源集团官网？  如何通过建站之星自助学习解决操作问题？  建站之星会员如何解锁更多建站功能？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  中山网站推广排名,中山信息港登录入口？  微信h5制作网站有哪些,免费微信H5页面制作工具？  如何在Tomcat中配置并部署网站项目？  北京专业网站制作设计师招聘,北京白云观官方网站？  太原网站制作公司有哪些,网约车营运证查询官网？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  如何在局域网内绑定自建网站域名？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  江苏网站制作公司有哪些,江苏书法考级官方网站？  建站主机是否等同于虚拟主机？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  制作证书网站有哪些,全国城建培训中心证书查询官网？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  如何在万网主机上快速搭建网站？  建站之星如何取消后台验证码生成？  北京的网站制作公司有哪些,哪个视频网站最好？  音乐网站服务器如何优化API响应速度？  javascript基本数据类型及类型检测常用方法小结  常州企业网站制作公司,全国继续教育网怎么登录？  已有域名和空间如何搭建网站？  5种Android数据存储方式汇总  XML的“混合内容”是什么 怎么用DTD或XSD定义  如何获取上海专业网站定制建站电话？  学校建站服务器如何选型才能满足性能需求？  jQuery 常见小例汇总