ViewPagerFragment顶部标题联动类库

最新推荐文章于 2019-02-16 09:41:56 发布

纵有疾风起

最新推荐文章于 2019-02-16 09:41:56 发布

阅读量452

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/guoxinbo7899/article/details/51067500

本文介绍了一种简单的方法，利用第三方库实现ViewPager与顶部标题之间的联动效果。通过示例代码展示了如何配置布局、设置ViewPager适配器及监听器。

一般我们实现ViewPager Fragment和顶部标题的联动的时候，会特别的麻烦，下面介绍一种特别简单的写法，是通过导入第三方类库，来实现

首先导入类库 libary。不要忘记copy到本地工作空间，因为类库必须和项目在同一工作空间，否则类库，还有不要忘记如果V4包冲突的话，把项目的V4包删除掉就好了，因为类库中有v4包的存在，这样就避免了包的冲突，接下来看代码

                               第一步：在主布局文件中：<LinearLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">

   <com.viewpagerindicator.TabPageIndicator
         android:id="@+id/indicator"
       android:background="@drawable/base_action_bar_bg"
         android:layout_height="wrap_content"
     android:layout_width="fill_parent"
        />

   <android.support.v4.view.ViewPager
        android:id="@+id/pager"
          android:layout_width="fill_parent"
          android:layout_height="0dp"
      android:layout_weight="1"
            />

</LinearLayout>

主线性布局中有一个viewpager

然后代码中;

             主Activity中：          /**
   * Tab标题
   */
   private static final String[] TITLE = new String[] { "头条", "房产", "另一面", "女人",
                                                       "财经", "数码", "情感", "科技" };

onCreate 方法中：

    @Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);

       //ViewPager的adapter
       FragmentPagerAdapter adapter = new TabPageIndicatorAdapter(getSupportFragmentManager());
        ViewPager pager = (ViewPager)findViewById(R.id.pager);
        pager.setAdapter(adapter);

        //实例化TabPageIndicator然后设置ViewPager与之关联
        TabPageIndicator indicator = (TabPageIndicator)findViewById(R.id.indicator);
        indicator.setViewPager(pager);

        //如果我们要对ViewPager设置监听，用indicator设置就行了
        indicator.setOnPageChangeListener(new OnPageChangeListener() {

           @Override
           public void onPageSelected(int arg0) {
               Toast.makeText(getApplicationContext(), TITLE[arg0], Toast.LENGTH_SHORT).show();
           }

           @Override
           public void onPageScrolled(int arg0, float arg1, int arg2) {

           }

           @Override
           public void onPageScrollStateChanged(int arg0) {

           }
       });

   }

    /**
   * ViewPager适配器
   * @author len
   *
   */
    class TabPageIndicatorAdapter extends FragmentPagerAdapter {
        public TabPageIndicatorAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
           //新建一个Fragment来展示ViewPager item的内容，并传递参数
           Fragment fragment = new ItemFragment();
            Bundle args = new Bundle();
            args.putString("arg", TITLE[position]);
            fragment.setArguments(args);

            return fragment;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return TITLE[position % TITLE.length];
        }

        @Override
        public int getCount() {
            return TITLE.length;
        }
    }

接下来就是一个Fragment类了。不是写死的Fragment，此外，这个项目还有一个小游标跟着滑动的功能

    @Override
   public View onCreateView(LayoutInflater inflater, ViewGroup container,
           Bundle savedInstanceState) {

       View contextView = inflater.inflate(R.layout.fragment_item, container, false);
       TextView mTextView = (TextView) contextView.findViewById(R.id.textview);

       //获取Activity传递过来的参数
       Bundle mBundle = getArguments();
       String title = mBundle.getString("arg");

       mTextView.setText(title);

       return contextView;
   }