使圓角TabLayout TabItem的安卓

Question

我要實現的TabLayout這樣的：

Answer 1

創建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"/> 

然後創建一個XML文件中drawable文件夾，名爲round_corners_green.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 2

試試這個

創建繪製

<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> 

一個xml（rounded_corner_button.xml）然後，把它在你的按鈕，背景

android:background="@drawable/rounded_corner_button" 

Answer 3

使繪製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" /> 

輸出