Android-ViewPagerIndicator自定义tab数量

在上篇Android-ViewPagerIndicator简单集成的基础上,我们想开发类似网易新闻tab标签的功能,可以添加删除tab。

 

查看TabPageIndicator的源码我们可以看到有一个notifyDataSetChanged()方法。

  1. public void notifyDataSetChanged() {  
  2.         mTabLayout.removeAllViews();  
  3.         PagerAdapter adapter = mViewPager.getAdapter();  
  4.         IconPagerAdapter iconAdapter = null;  
  5.         if (adapter instanceof IconPagerAdapter) {  
  6.             iconAdapter = (IconPagerAdapter)adapter;  
  7.         }  
  8.         final int count = adapter.getCount();  
  9.         for (int i = 0; i < count; i++) {  
  10.             CharSequence title = adapter.getPageTitle(i);  
  11.             if (title == null) {  
  12.                 title = EMPTY_TITLE;  
  13.             }  
  14.             int iconResId = 0;  
  15.             if (iconAdapter != null) {  
  16.                 iconResId = iconAdapter.getIconResId(i);  
  17.             }  
  18.             addTab(i, title, iconResId);  
  19.         }  
  20.         if (mSelectedTabIndex > count) {  
  21.             mSelectedTabIndex = count - 1;  
  22.         }  
  23.         setCurrentItem(mSelectedTabIndex);  
  24.         requestLayout();  
  25.     }  

我们理解一下:

mTabLayout.removeAllViews();

mTabLayout是什么?

mTabLayout是IcsLinearLayout类型的,IcsLinearLayout是什么东西?

察看源码就很容易看出来,IcsLinearLayout其实是放tab的容器,继承LinearLayout,tab都放在这里面展示。里面封装了tab的样式:字体大小,颜色,间隔,分割线的样式等等。不是很难就不介绍了。

notifyDataSetChanged的第一行就是mTabLayout.removeAllViews();清空所有的tab。

 

继续看代码,PagerAdapter adapter = mViewPager.getAdapter();获取了mViewPager的适配器,这个适配器我们一般都是关联着一个fragment的列表。

 

 

继续

for (int i = 0; i < count; i++) {

            CharSequence title =adapter.getPageTitle(i);

            if (title == null) {

                title = EMPTY_TITLE;

            }

            int iconResId = 0;

            if (iconAdapter != null) {

                iconResId =iconAdapter.getIconResId(i);

            }

            addTab(i, title, iconResId);

        }

会将适配器中的每个item都拿出来构建一个tab加入到mTabLayout中。

 

最后刷新页面。

 

主体思路:清空所有的tab,重新加载tab,到了这里我们就知道怎么实现类似网易新闻tab的功能了吧 。

posted @ 2016-11-05 19:46  天涯海角路  阅读(158)  评论(0)    收藏  举报