TableLayout 中带有 vewpager 的自定义按钮

Question

I have an App with TableLayout but i can't make the same as in design which i will put link below

My XML:

<RelativeLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="16dp"
        android:fitsSystemWindows="true"
        android:background="@drawable/back"
        tools:context=".MainActivity">

        <com.google.android.material.tabs.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabMode="fixed"
            android:clipToPadding="true"
            android:clipChildren="true"
            app:tabIndicatorHeight="0dp"
            app:tabSelectedTextColor="@android:color/white"
            app:tabTextColor="@android:color/white"
            app:tabBackground="@android:color/transparent"
            app:tabGravity="fill"/>
    </RelativeLayout>

Any idea please?

Answer 1

我认为您唯一的选择是使用 3 个按钮创建自定义视图并自己完成所有导航。