[关闭]
@lovesosoi 2017-10-31T09:15:40.000000Z 字数 748 阅读 827

11.2.6 TabLayout


一、TabLayout 基本介绍

这是一个生活中最常见的控件,几乎所有大型App 都会有这个控件的身影,简而言之,它是提供了一个水平布局用来展示 Tabs。样子如图

二、属性介绍

  1. app:tabSelectedTextColor=""
  2. 改变选中字体的颜色
  3. app:tabTextColor=""
  4. 改变未选中字体的颜色
  5. app:tabIndicatorColor=""
  6. 改变指示器下标的颜色
  7. app:tabBackground=""
  8. 改变整个TabLayout的颜色
  9. app:tabTextAppearance=""
  10. 设置文字的样式
  11. app:tabIndicatorHeight=""
  12. 设置指示器下标的高度
  13. app:tabGravity="center|fill"
  14. center:文字居中
  15. fill:文字充满
  16. app:tabMaxWidth="xxdp"
  17. app:tabMinWidth="xxdp"
  18. 设置 最大/最小 tab 宽度
  19. app:tabContentStart="10dp"
  20. TabLayout开始位置的偏移量:
  21. app:tabIndicatorHeight="0dp"
  22. 取消标签下划线
  23. app:tabSelectedTextColor="#ff7a61"
  24. 设置选中颜色
  25. app:tabBackground="@color/red"
  26. 设置背景色(这里不能直接写RGB,需要@color 的引用方式)
  27. app:tabMode="scrollable|fixed"
  28. scrollable:标签滑动显示,不会挤在一页
  29. fixed:默认选项 标签少的时候用这个
  30. tabLayout.setupWithViewPager(Viewpager);
  31. viewpager 的适配器加一个 getPageTitle() 方法
  32. viewpager 联动

三、代码使用

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注