自定义appbar / tab布局以在片段之间切换

Question

我希望看到以下内容：

我很困惑我是否需要使用TabLayout将图像作为页面标题，或者应该通过自定义应用程序栏来完成？ （或者它可以通过任何一种方式实现？）。

目前我有以下内容：

但你可以看到它太简单了，我希望它更“设计”。您可以在我的示例中看到，它不仅具有图像而不是标题，而且图像也变为彩色。 （应用程序名称没有页面标题，因此其余部分有更多空间）

我对所有的PagerAdapter和TabLayout以及LayoutManager感到困惑。我很想看到我正在努力实现的实例。我知道我没有提供任何代码，这是因为我真的不知道如何开始完成它

Answer 1

首先，这个article可能有所帮助。它将向您展示如何使用图标制作标签布局。它非常有用，因为它会逐步显示如何创建它。请仔细遵循第1节。对于第2节（固定标签）和第3节（滚动标签），您必须选择一个。然后跳到第5节：仅带图标的标签。

然后，因为您不想要标题，所以可以在values / styles.xml文件中将其设置为No Action Bar Layout。关键是将ActionBar更改为NoActionBar

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...

确保您的活动风格遵循该特定样式。

然后，您需要更改选项卡的背景颜色。通过将标签设置为不同颜色的xml文件中的属性，选项卡的背景也可以是不同的颜色。

<android.support.design.widget.TabLayout
....
app:tabBackground="@drawable/tab_color_selector"
...
/>

然后在选择器res/drawable/tab_color_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/tab_background_selected" android:state_selected="true"/>
    <item android:drawable="@color/tab_background_unselected"/>
</selector>

请参阅此article以了解如何更改背景颜色。