Question

我想像这样实现TabLayout：

Answer 1

制作可绘制的tab_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
 <corners
    android:bottomLeftRadius="15dp"
    android:bottomRightRadius="15dp"
    android:topLeftRadius="15dp"
    android:topRightRadius="15dp" />

<stroke
    android:width="10dp"
   android:color="@android:color/transparent"></stroke>

<solid android:color="#23cf5a" />

</shape>

选项卡布局如下所示

   <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        app:tabBackground="@drawable/tab_background"
        app:tabGravity="fill"
        app:tabMode="scrollable"
        android:layout_margin="5dp"
        app:tabSelectedTextColor="#FFFFFF"
        android:clipToPadding="false"
        app:tabPaddingStart="10dp"
        app:tabPaddingEnd="10dp"
        app:tabIndicatorHeight="0dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

输出

Answer 2

像这样创建一个button

<Button
   android:id="@+id/cancelSOSButton"
   android:layout_width="wrap_content"
   android:layout_height="40dp"
   android:layout_gravity="bottom"
   android:text="GAMES"
   android:layout_marginLeft="10dp"
   android:textColor="@color/whiteTextColor"
   android:layout_marginTop="10dp"
   android:background="@drawable/round_corners_green"
   android:textSize="18sp"/>

然后在名为 round_corners_green.xml

的drawable文件夹中创建 XML 文件

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/green"/>
    <stroke android:width="0dip"/>
    <corners android:radius="15dip"/>
    <padding
        android:bottom="0dip"
        android:left="0dip"
        android:right="0dip"
        android:top="0dip"/>
</shape>

colors.xml中的

添加此颜色

<color name="green">#3cb879</color>

同样，您可以创建这样的按钮。

结果输出

Answer 3

试试这个

在drawable中创建一个xml（rounded_corner_button.xml）

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="rectangle">
            <solid
                android:color="@color/btn_green"/>
            <stroke
                android:color="@color/btn_green"
                android:width="2dp" />
            <corners
                android:radius="15dp" />
        </shape>
    </item>
</selector>

然后，在您的按钮中将其作为背景调用

android:background="@drawable/rounded_corner_button"

制作圆角TabLayout TabItem android

3 个答案: