private void initTablayoutListener(){
mTablayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
//选中某个tab
@Override
public void onTabUnselected(TabLayout.Tab tab) {
//当tab从选择到未选择
@Override
public void onTabReselected(TabLayout.Tab tab) {
//已经选中tab后的重复点击tab
选中指定item
在代码里选中某一个TabItem，从select()方法就可以看出.就是希望你使用select()方法来切换item
mTabLayout.getTabAt(0).select();
设置Tab的TextSize
首先你需要在styles.xml文件里创建这个文字属性的styles
<style name="TabLayoutTextStyle">
<item name="android:textSize">@dimen/font_size_16</item>
</style>
然后在使用以下属性导入styles
app:tabTextAppearance="@style/TabLayoutTextStyle"
如果你不需要选中下划线,可以使用这个属性取消
app:tabIndicatorHeight="0dp"
如果你不需要点击后的阴影加涟漪动画效果,可以使用下面2个属性取消
app:tabBackground="@android:color/transparent"
app:tabRippleColor="@android:color/transparent"
指示线的颜色
app:tabIndicatorColor
指示线的高度
app:tabIndicatorHeight
指示线是否铺满整个tab宽度，可以配合实现圆角
app:tabIndicatorFullWidth="false"
Tab选中时的字体颜色
app:tabSelectedTextColor
未选中字体颜色
app:tabTextColor="@color/colorPrimary"
设置背景颜色与选中背景颜色
app:tabBackground="color"
选中背景颜色
背景xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_selected="true">
<shape android:shape="rectangle">
<solid android:color="@color/snakecommon_color_181B23"/>
</shape>
</item>
<item android:state_selected="false">
<shape android:shape="rectangle">
<solid android:color="@color/snakecommon_color_000000"/>
</shape>
</item>
</selector>
app:tabBackground="@drawable/snake_tuya_shape_rectangle_000000"
是否可以滚动
app:tabMode="scrollable" ： 默认是fixed，固定的；scrollable：可滚动的
tab的最大最小宽度
app:tabMaxWidth="0dp" ：
app:tabMinWidth="0dp" ：
tab的内边距
app:tabPaddingTop="0dp" ：tab上内边距
app:tabPadding="0dp" ：tab的内边距
tab的位置
app:tabGravity="center" ：设置 fill 可以填充满item
自定义指示线
app:tabIndicator= : 注意！这里的指示线其实是android:state_selected="true"的选中状态，所以如果单单写一个shape的xml文件设置是无法显示的,需要在写一个选中状态的xml。参考如下：
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
android:bottom="8dp"
android:left="8dp"
android:right="8dp"
android:top="8dp"> <!-- 设置边距 -->
<shape> <!-- 设置圆角 -->
<corners android:radius="5dp" /> <!-- 设置边框 -->
<stroke
android:width="1dp"
android:color="@color/colorAccent" />
</shape>
</item>
</layer-list>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/indicator" android:state_selected="true" />
</selector>
改变字体大小与颜色
app:tabTextAppearance="@style/tab_layout_item_text" ： 改变字体大小颜色等等，style参考如下：
<style name="tab_layout_item_text">
<item name="android:textSize">16sp</item>
<item name="android:textColor">@color/color_18</item>
</style>
TabLayout宽度填满
有时候你会发现TabLayout无法填满父类容器的宽度，在xml中添加下面三个属性，可以实现将宽度填充满
app:tabMaxWidth="0dp"
app:tabMode="fixed"
app:tabGravity="fill"
TabLayout与ViewPager配合使用
请注意，TabLayout与ViewPager配合使用是无法自定义标题Tab的View的。因为FragmentPagerAdapter会帮你实现标题Tab
class HomeFragment : BaseFragment() {
private val mBinding by lazy { MainFragmentUsageBinding.inflate(layoutInflater) }
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
return mBinding.root
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
initView()
private fun initView() {
val list = listOf<String>("主页","消息","设置")
val fragmentList = mutableListOf<Fragment>()
list.forEachIndexed { index, pair ->
fragmentList.add(Fragment.newInstance())
* 如果你的布局是在fragment里，可以选择childFragmentManager或者activity的parentFragmentManager
* 如果你的布局在activity里，则选择supportFragmentManager
val myAdapter = MyAdapter(parentFragmentManager, fragmentList, list)
mBinding.usageDayViewPager.adapter = myAdapter
//setupWithViewPager方法是关键，它负责组合ViewPager与TabLayout
mBinding.tabLayout.setupWithViewPager(mBinding.usageDayViewPager)
* FragmentPagerAdapter需要使用它来创建适配器
class MyAdapter(fm: FragmentManager, val list: List<Fragment>, val titleList: List<String>) : FragmentPagerAdapter(fm) {
override fun getCount() = list.size
override fun getItem(position: Int): Fragment {
return list[position]
* 注意!TabLayout与ViewPager的组合会自己实现子Tab，所以子Tab的文字需要从这里提供
override fun getPageTitle(position: Int): CharSequence? {
return titleList?.get(position)
其他API
以下是从View的源码里复制来的属性,以下属性仅做参考,有些并没有提供方法设置.比如tabTextSize 有归有,但是人家不提供方法设置..除非自己继承重写
int tabPaddingStart;
int tabPaddingTop;
int tabPaddingEnd;
int tabPaddingBottom;
int tabTextAppearance;
android.content.res.ColorStateList tabTextColors;
android.content.res.ColorStateList tabIconTint;
android.content.res.ColorStateList tabRippleColorStateList;
@androidx.annotation.Nullable
android.graphics.drawable.Drawable tabSelectedIndicator;
android.graphics.PorterDuff.Mode tabIconTintMode;
float tabTextSize;
float tabTextMultiLineSize;
final int tabBackgroundResId;
int tabMaxWidth;
private final int requestedTabMinWidth;
private final int requestedTabMaxWidth;
private final int scrollableTabMinWidth;
private int contentInsetStart;
int tabGravity;
int tabIndicatorAnimationDuration;
int tabIndicatorGravity;
int mode;
boolean inlineLabel;
boolean tabIndicatorFullWidth;
boolean unboundedRipple;
本文来自博客园，作者：观心静 ，转载请注明原文链接：https://www.cnblogs.com/guanxinjing/p/11039643.html
本文版权归作者和博客园共有，欢迎转载，但必须给出原文链接，并保留此段声明，否则保留追究法律责任的权利。
