android 圆角选中的tablayout

最新推荐文章于 2022-07-26 17:24:16 发布

原创最新推荐文章于 2022-07-26 17:24:16 发布 · 3.8k 阅读

5 ·

CC 4.0 BY-SA版权

android知识点专栏收录该内容

38 篇文章

订阅专栏

本文介绍如何使用Android的TabLayout组件并详细展示了如何自定义其样式，包括标签背景、选中状态背景及整体背景的设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

<android.support.design.widget.TabLayout
            android:id="@+id/table_layout"
            android:layout_width="150dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:background="@drawable/tablayout_background"
            android:textColor="@android:color/black"
            android:textSize="13sp"
            app:tabBackground="@drawable/tab_background"
            app:tabIndicatorHeight="0dp"
            app:tabSelectedTextColor="@color/white"
            app:tabTextColor="@color/main_color" />

app:tabBackground为标签背景
android:background为tablayout背景
tab_background（标签背景）

//设置选中背景为tablayout_select_background
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/tablayout_select_background" android:state_selected="true" />
</selector>

tablayout_select_background（选中标签背景）

//选中的背景
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="40dp" />
    <solid android:color="@color/main_color" />
</shape>

android:background（tablayout背景）

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="40dp" />
    <stroke
        android:width="1dp"
        android:color="@color/main_color" />
</shape>