【问题标题】:Android TabLayout With Border On TopAndroid TabLayout 顶部有边框
【发布时间】:2019-07-18 19:42:34
【问题描述】:

我阅读了有关 TabLayout 的文档以添加属性以在 TabLayout 之上制作边框,但我在文档中的任何地方都没有找到它。

所以我想要一些技巧让TabLayout 在顶部(或底部)有边框。

【问题讨论】:

标签: android tabs


【解决方案1】:

用这个可绘制的 xml 解决:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="#FFDDDDDD" />
            <solid android:color="#FFFFFFFF" />
        </shape>
    </item>
    <item
        android:top="1dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="#FFFFFFFF" />
            <solid android:color="#00000000" />
        </shape>
    </item>
</layer-list>

并设置成tablayout属性/属性:

android:background="@drawable/drawableName"

【讨论】:

    【解决方案2】:

    使用自定义 ViewPager Strip。

    试试这个:https://github.com/ogaclejapan/SmartTabLayout

    【讨论】:

      【解决方案3】:

      你必须创建一个drawable,然后以这种方式调用

      android:background="@drawable/yourShapeHere"
      

      drawable 看起来像:

      <?xml version="1.0" encoding="UTF-8"?>
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="#FFFFFF"/>
            <stroke android:width="2dp" android:color="#515151"/>
            <corners android:radius="3dp" />
            <padding android:left="10dp" android:top="5dp" />
        </shape>
      

      【讨论】:

      • 谢谢你的回答,你给了我一些想法。我修改了你的代码。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-02-02
      • 1970-01-01
      • 1970-01-01
      • 2017-12-05
      相关资源
      最近更新 更多