底部选项卡的自定义布局 Activity

Question

我有一个选项卡式活动布局，但我需要自定义该布局以在 2 个活动之间滑动，就像这样。

我无法更改背景颜色，只能更改线条指示器。有人知道我该怎么做吗？

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbarBottom"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:paddingTop="@dimen/appbar_padding_top"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabsBottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</android.support.design.widget.AppBarLayout>

谢谢！

Answer 1

要更改所选项目的背景颜色，您必须使用 app:tabBackground 并设置自定义选择器。

tab_selector:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/colorPrimaryDark" android:state_selected="true"/>
    <item android:drawable="@color/colorPrimary"/>

</selector>

选项卡布局：

<android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabBackground="@drawable/tab_selector">...

底部选项卡的自定义布局 Activity

CustomLayout for Bottom Tabbed Activity

android

layout

fragment

android-tablayout