Android TabLayout参数

列举Android Design库 TabLayout系统属性

设置未选中字体的颜色

1
app:tabTextColor="@color/colorPrimary"

设置选中字体的颜色

1
app:tabSelectedTextColor="@android:color/holo_orange_light"

指示器下标的颜色

1
app:tabIndicatorColor="@android:color/holo_orange_light"

设置整个TabLayout的颜色

1
app:tabBackground="color"

设置TabLayout内部字体大小

1
app:tabTextAppearance="@android:style/TextAppearance.Holo.Large" //设置文字的外貌

设置指示器下标的高度

1
app:tabIndicatorHeight="4dp"

添加图标

1
tabLayout.addTab(tabLayout.newTab().setText("Tab 1").setIcon(R.mipmap.ic_launcher));

Tab的模式

默认是fixed:固定的,标签很多时会被挤压,不能滑动

设置为可滑动:

1
app:tabMode="scrollable"

加入Padding

设置Tab内部的子控件的Padding:

1
2
3
4
5
app:tabPadding="xxdp"
app:tabPaddingTop="xxdp"
app:tabPaddingStart="xxdp"
app:tabPaddingEnd="xxdp"
app:tabPaddingBottom="xxdp"

设置整个TabLayout的Padding:

1
2
app:paddingEnd="xxdp"
app:paddingStart="xxdp"

内容的显示模式

1
app:tabGravity="center" //居中,如果是fill,则是充满

Tab的宽度限制

1
2
app:tabMaxWidth="xxdp"
app:tabMinWidth="xxdp"

Tab的偏移量“Margin”

开始位置的偏移量:

1
app:tabContentStart="100dp"

TabLayout的监听事件

选中某个tab的监听事件OnTabSelectedListener():

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public voidonTabSelected(TabLayout.Tab tab) {
//选中tab的逻辑
}

@Override
public voidonTabUnselected(TabLayout.Tab tab) {
//未选中tab的逻辑
}

@Override
public voidonTabReselected(TabLayout.Tab tab) {
//再次选中tab的逻辑
}
});

ViewPager的联动

最后也是最重要的:

1
tabLayout.setupWithViewPager(Viewpager);

简单模仿简书Android端的Tab

设置下标的高度为0,相当于没有下标:

1
app:tabIndicatorHeight="0dp"

设置背景颜色以及选中文字颜色

1
2
app:tabSelectedTextColor="#ff7a61"
app:tabBackground="#f6f4f2" //这里不能直接写RGB,需要@color/xxx

最后设置Tab的模式:

1
app:tabMode="scrollable"

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :