- 首先参考TabLayout-标签布局
- TabLayout初始化后onTabSelected首次没有被回调的问题在addTab()时会调用事件监听,所以应该先注册事件,再添加tab
<!--tabMinWidth 可以指定一个最小值,来达到tab宽度自适应文字的效果
tabContentStart标签从Y轴起始位置的设置的偏移量处开始移动,目前没发现有什么用
app:tabInlineLabel="true"结合下面的属性可以起到tab选项较少时平分屏幕布局,并且指示器跟随文字宽度
tabIndicatorFullWidth=false可以让指示器的宽度匹配文字的宽度
app:tabBackground=""设置tab像的背景样式,可以改变选中后的背景样式-->
<android.support.design.widget.TabLayout
android:id="@+id/tab_jlhd"
android:layout_width="@dimen/dp_0"
android:layout_height="wrap_content"
android:layout_weight="1"
app:tabMode="scrollable"
app:tabIndicatorHeight="@dimen/dp_0"
app:tabBackground="@drawable/tab_selected"
app:tabTextAppearance="@style/tab_text"
app:tabGravity="center"
app:tabMinWidth="@dimen/dp_10"
app:tabPaddingStart="@dimen/dp_13"
app:tabPaddingEnd="@dimen/dp_12"
app:tabPaddingBottom="@dimen/dp_0"
app:tabInlineLabel="true"
app:tabIndicatorFullWidth="false"
app:tabSelectedTextColor="@color/line_divide"
app:tabIndicatorColor="@color/line_divide"
app:tabTextColor="@color/black"/>
- 设置某一项tab默认选中
tab_jlhd.getTabAt(1).select();//设置默认选中第二个tab
,需要在联动viewpager之后 - 改变文字大小
app:tabTextAppearance="@style/tab_text"
其中style/tab_text
的样式为
<style name="tab_text" parent="TextAppearance.AppCompat">
<item name="android:textSize">@dimen/sp_15</item>
</style>
- 设置tabPaddingStart和tabPaddingEnd后可能会出现文字和指示器上下没有对齐(文字居左,指示器居中),我的笨办法,这只两个值相同
- 自定义布局文件(配合viewpager)
- 创建自定义布局(这里我使用了自定义字体)
- activity中动态添加tab
- 绑定viewpager(不能使用
setupWithViewPager
)需要使用使用tab和viewpager的事件监听 - 以上3步请参考这篇文章
- 使用自定义后发现原来的
tabTextColor
和tabSelectedTextColor
已经不再起作用,解决参考这篇文章
- 有时候进入页面时就需要选中一个看不见的tab,比如一共有10个tab,但是要设置第8个tab默认选中,而第8个不在窗口可视化区域呢,最简单的方法,利用handler
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
tab_polici_reg.getTabAt(finalI).select();
}
}, 100);
break;