TabLayout + ViewPager实现标签栏效果
2016-10-09 18:17
295 查看
首先在布局文件中添加TabLayout:
app:tabIndicatorColor="@color/white",app:tabSelectedTextColor="@color/white",app:tabTextColor="@color/gray" 分别表示游标颜色,标签选中时文字颜色,标签未选中时文字颜色,需要在根布局中添加一个命名空间:xmlns:app="http://schemas.android.com/apk/res-auto"
在Activity中:
在PagerAdapter中重写getPagerTitle方法:
其中tabList为一个String类型的List,表示标签的名称
<android.support.design.widget.TabLayout android:id="@+id/ivy_module_widget_shop_tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimary" app:tabIndicatorColor="@color/white" app:tabSelectedTextColor="@color/white" app:tabTextColor="@color/gray" > </android.support.design.widget.TabLayout>
app:tabIndicatorColor="@color/white",app:tabSelectedTextColor="@color/white",app:tabTextColor="@color/gray" 分别表示游标颜色,标签选中时文字颜色,标签未选中时文字颜色,需要在根布局中添加一个命名空间:xmlns:app="http://schemas.android.com/apk/res-auto"
在Activity中:
tabList.add("online"); tabList.add("local"); tabLayout.setTabMode(TabLayout.MODE_FIXED); tabLayout.addTab(tabLayout.newTab()); tabLayout.addTab(tabLayout.newTab()); myViewPagerAdapter = new MyViewPagerAdapter(); viewPager.setAdapter(myViewPagerAdapter); tabLayout.setupWithViewPager(viewPager);
在PagerAdapter中重写getPagerTitle方法:
@Override public CharSequence getPageTitle(int position) { return tabList.get(position); }
其中tabList为一个String类型的List,表示标签的名称
相关文章推荐
- Android 中基于TabLayout+ViewPager实现标签卡效果
- TabLayout+ViewPager实现标签卡效果
- TabLayout+TabItem+ViewPager+Fragment实现早期微信屏幕滑动效果
- TabLayout+ViewPager+Fragment实现分页滑动效果
- 使用TabLayout+ViewPager+Fragment+DataBing实现仿网易新闻主界面效果
- Android开发之CoordinatorLayoutAppBarLayoutViewPagerTabLayout实现顶部伸缩效果
- 安卓 TabLayout+ViewPager实现滑动Tab效果
- Android进阶之利用Tablayout+ViewPager+Fragment实现神奇的滑动效果
- TabLayout+Fragment+ViewPager+FragmentStatePagerAdapter实现Tab标签
- TabLayout+ViewPager+Fragment实现顶部滑动效果
- android之TabLayout实现PagerSlidingTabStrip,ViewpagerIndicator之类的效果滑动页面导航效果(类似网易新闻)
- 使用ViewPagerIndicator结合ViewPager实现网易新闻客户端的Tab标签效果
- Android开发之CoordinatorLayoutAppBarLayoutViewPagerTabLayout实现顶部伸缩效果
- TabLayout 和ViewPager和Fragment的多页面滑动(主要实现一个水平的布局用来展示Tabs加上ViewPager实现联动效果)
- 安卓(Android)ViewPager+TabLayout实现图片轮播效果
- Android中TabLayout结合ViewPager实现页面切换效果
- tablayout + viewpager + fragment 实现标签,并且部分fragment里面嵌套viewpager+fragment
- TabLayout+Fragment+ViewPager+FragmentStatePagerAdapter实现Tab标签
- TabLayout与ViewPager实现头部标题与内容页联动的效果
- 自定义tab,viewpager实现仿tablayout切换效果