TabLayout的使用

最新推荐文章于 2022-11-03 17:42:24 发布

勇敢的五道杠大队长

最新推荐文章于 2022-11-03 17:42:24 发布

阅读量719

点赞数

CC 4.0 BY-SA版权

文章标签： android TabLayout UI

本文链接：https://blog.youkuaiyun.com/sinat_33561793/article/details/50890841

TabLayout简介
1. TabLayout就是类似网易新闻、礼物说等APP的头部滚动标题栏。是2015年google发布新的android design support中的新增控件，是android官方控件。
2. 类似控件有ViewPagerIndicator，不过ViewPagerIndicator是第三方控件。
TabLayout使用

1.导入库文件

1、需要导入android design support包

2、在xml文件中定义TabLayout

<android.support.design.widget.TabLayout
    android:id="@+id/tl_zhinan"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="scrollable"
    app:tabIndicatorColor="#FF2D47">
</android.support.design.widget.TabLayout>

属性如下（使用app：的前提是在布局文件中定义了appNs）

app:tabIndicatorColor="@color/white" // 下方滚动的下划线颜色

app:tabSelectedTextColor="@color/gray" // tab被选中后，文字的颜色

app:tabTextColor="@color/white"        // tab默认的文字颜色
app:tabMode="scrollable"     //tab显示模式

            3、使用方法：

tabLayout.setTabMode(TabLayout.MODE_FIXED);//设置模式

tabLayout.addTab(

tabLayout.newTab()

.setText("菜单一"));

.setIcon(R.drawable.abc_ic_menu_cut_mtrl_alpha)

1. 备注

4、TabLayout结合ViewPager使用

1. 基本步骤
  1. 创建布局，包含TabLayout和ViewPager
  2. 初始化TabLayout和ViewPager
  3. 自定义PagerAdapter，并重写getPageTitle方法
  4. 设置TabLayout和ViewPager同步：tabLayout.setupWithViewPager(viewPager);（该方法必须在setAdapter之后执行）
  5. 设置获取TabLayout标题源自ViewPager的getPageTitle方法：tabLayout.setTabsFromPagerAdapter(myAdapter);