Android：選項卡像切換按鈕選擇器而不是微調

Question

我有一個Android應用程序，在一個活動中，我需要一個選項卡的選項卡，用戶可以選擇一個選項.3個選項是藍色，綠色，紅色。用戶需要選擇任何其中一個。我可以使用微調。但是我喜歡使用圓形邊緣選項卡，如可以切換的特徵，選定項目將顯示爲突出顯示，其他圖標將顯示爲灰色，如下所示。 我只想讓用戶只能切換其中一個按鈕。用戶可以通過點擊或切換來選擇一個選項，視圖應該看起來像一個圓邊的條形圖。如何在android中實現上面的視圖？請幫幫我。

Answer 1

嘗試像這樣

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:azeoo="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

<RadioGroup 
    android:id="@+id/rgTask" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/round_border" 
    android:orientation="horizontal" > 

    <RadioButton 
     android:id="@+id/rbBlue" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:background="@drawable/bg_blue" 
     android:button="@android:color/transparent" 
     android:gravity="center" 
     android:paddingBottom="5dp" 
     android:paddingTop="5dp" 
     android:singleLine="true" 
     android:text="Blue" 
     android:textSize="22sp" /> 

    <View 
     android:id="@+id/vSep1" 
     android:layout_width="1dp" 
     android:layout_height="match_parent" 
     android:background="#0000FF" 
     android:visibility="visible" /> 

    <RadioButton 
     android:id="@+id/rbGreen" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:background="@drawable/bg_green" 
     android:button="@android:color/transparent" 
     android:gravity="center" 
     android:paddingBottom="5dp" 
     android:paddingTop="5dp" 
     android:singleLine="true" 
     android:text="Green" 
     android:textSize="22sp" /> 

    <View 
     android:id="@+id/vSep2" 
     android:layout_width="1dp" 
     android:layout_height="match_parent" 
     android:background="#0000FF" 
     android:visibility="visible" /> 

    <RadioButton 
     android:id="@+id/rbRed" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:background="@drawable/bg_red" 
     android:button="@android:color/transparent" 
     android:gravity="center" 
     android:paddingBottom="5dp" 
     android:paddingTop="5dp" 
     android:singleLine="true" 
     android:text="Red" 
     android:textSize="22sp" /> 
</RadioGroup> 

把所有文件下方在drawable文件夾 bg_blue.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<item android:state_checked="true"><shape android:shape="rectangle"> 
     <solid android:color="#0000FF" /> 

     <corners android:bottomLeftRadius="10dp" android:topLeftRadius="10dp" /> 
    </shape></item> 
<item><shape android:shape="rectangle"> 
     <solid android:color="#00000000" /> 
    </shape></item> 

</selector> 

bg_green.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<item android:state_checked="true"><shape android:shape="rectangle"> 
     <solid android:color="#00FF00" /> 
    </shape></item> 
<item><shape android:shape="rectangle"> 
     <solid android:color="#00000000" /> 
    </shape></item> 

</selector> 

bg_red.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<item android:state_checked="true"><shape android:shape="rectangle"> 
     <solid android:color="#FF0000" /> 

     <corners android:bottomRightRadius="10dp" android:topRightRadius="10dp" /> 
    </shape></item> 
<item><shape android:shape="rectangle"> 
     <solid android:color="#00000000" /> 
    </shape></item> 

</selector> 

round_border.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle" > 

<!-- view background color --> 
<solid android:color="#00000000" > 
</solid> 

<!-- view border color and width --> 
<stroke 
    android:width="1dp" 
    android:color="#0000FF" > 
</stroke> 

<!-- If you want to add some padding --> 


<!-- Here is the corner radius --> 
<corners android:radius="10dp" > 
</corners> 

</shape> 

和輸出這樣