android - 在视图寻呼机中自定义标签指示器的高度？

Question

我正在寻找像 pininterest 这样的标签指示器样式，其中指示器看起来不像正常的“android”样式。是否有一些属性可以设置指示器高度？请查看下图。

Answer 1

只需在布局文件中设置 layout_height 属性：

com.viewpagerindicator.TitlePageIndicator
android:layout_height="@dimen/indicator_height"

Answer 2

这可能不是一个合适的解决方案，而且问题确实很老，但由于我没有找到任何合适的解决方案，我就是这样做的：

我创建了一个名为 indicator 的 layerList 文件：

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FF0000" />
        </shape>
    </item>
    <item android:bottom="3dp">
        <shape android:shape="rectangle">
            <solid android:color="#efefef" />
        </shape>
    </item>
</layer-list>

并将其设置为我的标签指示器背景：

<style name="CustomTabPageIndicator" parent="@android:style/Widget.Holo.ActionBar.TabView">
        <item name="android:background">@drawable/indicator</item>
    </style>

我也将此主题应用于我的 actionBar：

<style name="MyActionBarTheme" parent="android:style/Widget.Holo.ActionBar">
             <item name="android:actionBarTabStyle">@style/CustomTabPageIndicator</item>
        </item> </style>

它之所以有效，是因为在 indicator.xml 中，第一个形状是较低的形状，它是实际的指示器，并且我通过为另一个颜色与操作栏颜色相同的形状提供底部填充来设置它的高度。

Answer 3

使用材料设计 TabLayout，您可以使用app:tabIndicatorHeight

<com.google.android.material.tabs.TabLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIndicatorHeight="4dp" />