ViewPager 与 ViewPagerIndicator的联动

最新推荐文章于 2018-11-07 10:17:06 发布

原创最新推荐文章于 2018-11-07 10:17:06 发布 · 547 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ViewPagerIndicator #android

本文介绍如何使用ViewPagerIndicator库实现ViewPager与TabPageIndicator的联动效果。通过示例代码展示了自定义适配器、设置ViewPager数据源及标题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ViewPager与ViewPagerIndicator的联动首先应该下载 ViewPagerIndicator的开源包, 根据需求用来集成里面不同的样式

我集成的是

在layout的 xml布局文件中

下面是Android代码在这里面,我是用Holder来维护改 convertView 对象

public class CaseHolder {


    private ViewPager mItemViewPager;

    private  MyPagerAdapter myPagerAdapter;
                       //        数据源
    private static final String[] TITLE = new String[] { "-相关案例-", "-成功案例-"  };

    public CaseHolder(Context context, View convertView) {
        
        mItemViewPager = (ViewPager) convertView.findViewById(R.id.item_viewpager);
        TabPageIndicator mIndicator= (TabPageIndicator) convertView.findViewById(R.id.indicator);
        myPagerAdapter = new MyPagerAdapter(context);
        mItemViewPager.setAdapter(myPagerAdapter);
        // 这是用来与ViewPager进行联动的代码
       mIndicator.setViewPager(mItemViewPager);
    }

    class MyPagerAdapter extends PagerAdapter {

        private Context ctx;
        public MyPagerAdapter(Context context) {
           ctx = context;
        }
      //该方法用来获取在ViewPagerIndicator上面显示的标题
       @Override
        public CharSequence getPageTitle(int position) {
            return TITLE[position] ;
        }
        @Override
        public int getCount() {
            return TITLE.length;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {

            View view = View.inflate(ctx, R.layout.item_case_2, null);
            container.addView(view);

            return view;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }


        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == (View) object;
        }
    }


}

最后在AndroidManifest.XML中找到 Activity 设置主题就行了

android:theme="@style/Theme.PageIndicatorDefaults"

注意 :该Activity 不能继承AppCompatActivity 因为会与 AppComPatActivity 的主题冲突!!!