如何在選項卡上方添加行 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#howtosafe=active&qing +行+上方+標簽+安卓

沒有發布代碼，因為我想知道應該使用什么..你的建議會很有幫助..謝謝

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>

希望它能正常工作，然后添加評論。

Answer 2

app:tabIndicatorGravity="top"

現在用這個在頂部顯示指標非常簡單。