android tab选项卡使用及踩坑

最新推荐文章于 2024-08-12 04:06:26 发布

WXYDX

最新推荐文章于 2024-08-12 04:06:26 发布

阅读量3.4k

点赞数 2

文章标签： android

本文链接：https://blog.csdn.net/WXYDX/article/details/109360658

版权

本文介绍了在Android中实现Tab选项卡时遇到的问题及解决方案，包括如何动态添加Tab、设置选中状态的背景颜色、圆角、字体样式。通过自定义布局解决了字体大小调整的难题，并揭示了TabLayout中关于tabPadding的潜在问题及其解决方法。

摘要由CSDN通过智能技术生成

目标效果
在这里插入图片描述
选中时改变背景颜色及设置圆角、设置字体变粗、设置字体大小

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        app:tabSelectedTextColor="#1876FF"
        app:tabTextColor="@color/tv_gray_888888"
        app:tabIndicatorFullWidth="false"
        app:tabIndicatorColor="#1876FF"
        app:tabIndicatorHeight="4dp"
        app:tabIndicator="@drawable/bg_news_tab">
        <!--
		app:tabIndicatorColor控制每一个tab的下划线颜色
		app:tabIndicator控制下划线的样式（这里drawable的颜色属性是无效的，以tabIndicatorColor为准）
		app:tabIndicatorHeight控制下划线高度
		app:tabIndicatorFullWidth控制下划线是跟随tab文字宽度，还是铺满
		app:tabIndicatorHeight设置为0dp时可以隐藏下划线
		-->

动态添加两个tab

        tabLayout=findViewById(R.id.tl);
        TabLayout.Tab tab=tabLayout.newTab();
        tab.setText("1");
        tabLayout.addTab(tab);
        TabLayout.Tab tab1=tabLayout.newTab();
        tab1.setText("2");
        tabLayout