tabLayout详解,自定义布局

  1. 首先参考TabLayout-标签布局
  2. 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"/>
  1. 设置某一项tab默认选中tab_jlhd.getTabAt(1).select();//设置默认选中第二个tab,需要在联动viewpager之后
  2. 改变文字大小app:tabTextAppearance="@style/tab_text"其中style/tab_text的样式为
<style name="tab_text" parent="TextAppearance.AppCompat">
    <item name="android:textSize">@dimen/sp_15</item>
</style>
  1. 设置tabPaddingStart和tabPaddingEnd后可能会出现文字和指示器上下没有对齐(文字居左,指示器居中),我的笨办法,这只两个值相同
  2. 自定义布局文件(配合viewpager)
    • 创建自定义布局(这里我使用了自定义字体)
    • activity中动态添加tab
    • 绑定viewpager(不能使用setupWithViewPager)需要使用使用tab和viewpager的事件监听
    • 以上3步请参考这篇文章
    • 使用自定义后发现原来的tabTextColortabSelectedTextColor已经不再起作用,解决参考这篇文章
发布了62 篇原创文章 · 获赞 45 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/parade0393/article/details/89222862