圆形标签布局

Question

如何在图像中获得像这样的圆形标签布局

Answer 1

在TabLayout中添加属性app:tabBackground="@drawable/capsule_sape" 它看起来像这样

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    app:tabBackground="@drawable/capsule_sape"
    app:tabGravity="fill"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="@android:color/white"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

对于capsule_shape尝试代码

<?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="#FFAADD" />
</shape>

圆形标签布局

Rounded tab layout

android

android-tablayout