如何在标签上方添加行 android tablayout

Question

需要帮助

我已经搜索了我的要求，但没有找到所以发布我自己的问题。

我需要在标签上方而不是下方显示行，因为所有解决方案都是在标签文本下方添加行。

我应该使用自定义标签还是android支持这种情况而不进行自定义？？

我查看的链接如下

https://www.google.com.pk/search?q=fabric+documentation&rlz=1C1CHBD_enPK741PK753&oq=fabric+documentation+&aqs=chrome..69i57.5669j0j7&sourceid=chrome&ie=UTF-8#safe=active&q=how+to+adding+line+above+tabs+android

没有代码发布，因为我想知道应该使用什么..你的建议会有所帮助..谢谢

Answer 1

尝试在res/drawable文件夹中创建一个背景并设置app:tabBackground="@drawable/selector"

让你喜欢这个 Tablayout

<android.support.design.widget.TabLayout
            android:id="@+id/detail_tabs"
            android:layout_width="match_parent"
            app:tabSelectedTextColor="@color/colorPrimary"
            app:tabIndicatorHeight="0dp"
            android:layout_height="wrap_content"
            app:tabMode="scrollable"
            app:tabBackground="@drawable/selector" />

这里selector.xml

<?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="3dp" android:left="-5dp" android:right="-5dp" android:bottom="-5dp">
                <shape android:shape="rectangle">
                    <solid android:color="@color/colorWhite"/>
                    <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="3dp" android:left="-5dp" android:right="-5dp" android:bottom="-5dp">
                <shape android:shape="rectangle">
                    <solid android:color="@color/colorWhite"/>
                    <stroke android:color="@color/colorPrimary" android:width="2dp"/>
                </shape>
            </item>
        </layer-list>
    </item>

</selector>

希望它会起作用，如果没有然后添加评论。