代码之家 › 专栏 › 技术社区 › Jong

如何在Android上为TabLayout中的选择选项卡设置填充

android-tablayout android-viewpager android

Jong · 技术社区 · 8 年前

TabLayout ViewPager .
我想在选中项目时设置填充 tabIndicatorColor tabLayout

默认情况下,显示以下图像:

Bu t I want when selected item,show me as this(当选择项目时,向我显示以下内容):

我要设置填充

我的TabLayout XML代码:

<android.support.design.widget.TabLayout
    android:id="@+id/serialDetail_tabLayout"
    android:layout_width="match_parent"
    android:layout_height="@dimen/size50"
    android:layout_gravity="bottom"
    android:background="@color/colorPrimary"
    app:tabIndicatorColor="@color/colorAccent"
    app:tabSelectedTextColor="@color/colorAccent"
    app:tabTextAppearance="@style/allCapsTabLayout"
    app:tabTextColor="@color/white" />

我该怎么做?请帮帮我。谢谢大家<3.

2 回复 | 直到 8 年前

Pritesh - ÉÊÄ±É¥pÉÎ É¥sÇÊá´É¹ê 8 年前

是的,没有自定义视图和外部库,这是可能的。。

您可以创建一个选择器文件

添加到可绘图文件夹

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:state_pressed="false">
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

            <item android:top="-5dp" android:left="-5dp" android:right="-5dp" android:bottom="5dp">
                <shape android:shape="rectangle">

                    <solid android:color="@android:color/white"/>
                    <stroke android:color="@color/colorPrimary" android:width="2dp"/>

                </shape>
            </item>
        </layer-list>
    </item>

    <item android:state_selected="true" android:state_pressed="true">
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

            <item android:top="-5dp" android:left="-5dp" android:right="-5dp" android:bottom="5dp">
                <shape android:shape="rectangle">

                    <solid android:color="@android:color/white"/>
                    <stroke android:color="@color/colorPrimary" android:width="2dp"/>

                </shape>
            </item>
        </layer-list>
    </item>

</selector>

现在使用

app:tabBackground="@drawable/tab_indicator_line"
app:tabIndicatorHeight="0dp"

如果有任何疑问,请告诉我。。

DAS 8 年前

推荐文章

somnathchakrabarti · 从Kotlin 2.0开始,启用Compose时需要Compose编译器Gradle插件

1 年前

Para1life · 解组时找不到类:com.google.firebase。时间戳,

1 年前

Murilo · Jetpack编写导航栏项目图标

1 年前

Santhosh Kumar · 当应用程序在Android 15 Pixel 9中重新启动时,Room DB被破坏

1 年前

KolaYAndr · 活动RESULT_OK似乎从未发生过

1 年前

Rashid Bilal · 主题更改时Android应用程序区域设置更改回英语

1 年前

Ruben P. Grady · 每种架构都有单独的构建,但生成的APK文件是相同的吗?

1 年前

psycho_pat · Android应用程序中的权限

1 年前

FarazFiroz · 如何将argb转换为描述性文本颜色

1 年前

Daniel · Unity Android游戏支持的设备数量太少

1 年前