【问题标题】:Make Tab Layout Indicator smaller than the tab title使选项卡布局指示器小于选项卡标题
【发布时间】:2020-12-24 08:30:19
【问题描述】:

为标签布局标签制作小指示器。我试过 tabIndicatorFullWidth 但它只包含标签的标题,我想让它更小。

示例图片:

【问题讨论】:

  • 请添加您自己的代码。

标签: android xml indicator


【解决方案1】:

您可以将自定义指标绘制用于小型指标选项卡。

像这样>>

tab_layout_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:width="20dp"
        android:height="5dp"
        android:gravity="center">
        <shape android:shape="rectangle">
            <corners android:radius="5dp"/>
            <solid android:color="@color/green"></solid>
             
        </shape>
    </item>
</layer-list>

并将此指示器用于您的 xml 布局文件。

<com.google.android.material.tabs.TabLayout
                        android:id="@+id/tabs"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        app:tabIndicator="@drawable/tab_layout_indicator"
                        app:tabGravity="fill"
                        app:tabMode="scrollable"        
                      ></com.google.android.material.tabs.TabLayout>

【讨论】:

  • 当你说它不起作用时,请让自己更清楚。什么不起作用?你从这些代码中得到了什么结果?
  • 将我的代码更新到此代码后,在选项卡中找不到指示符。
猜你喜欢
  • 2017-03-21
  • 1970-01-01
  • 1970-01-01
  • 2015-10-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-08
  • 1970-01-01
相关资源
最近更新 更多