Androidのテキスト付きのRadioButtonへのボーダー

Question

私のアプリケーションでは、ラジオボタンにテキストで境界線を付けることができます。

私は以下のようにアイコンを入れている

<RadioButton 
    android:id="@+id/radioAndroid" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:button="@drawable/inout_radio_button" 
    android:checked="true" 
    android:gravity="center" 
    android:padding="5dp" 
    android:layoutDirection="rtl" 
    android:layout_marginRight="@dimen/margin_20dp" 
    android:layout_marginLeft="@dimen/margin_20dp" 
    android:text="1" 
    android:textColor="@color/color_radio_text" /> 

<RadioButton 
    android:id="@+id/radioiPhone" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:button="@drawable/inout_radio_button" 
    android:gravity="center" 
    android:padding="5dp" 
    android:layoutDirection="rtl" 
    android:layout_marginRight="@dimen/margin_20dp" 
    android:layout_marginLeft="@dimen/margin_20dp" 
    android:text="2" 
    android:textColor="@color/color_radio_text" /> 

：

inout_radio_button.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_checked="true" android:drawable="@drawable/radioact" ></item> 
    <item android:state_checked="false" android:drawable="@drawable/radio" /> 
</selector> 

をしかし、私はラジオボタンの周囲に境界線を与えるための方法を見つけることができません。

Answer 1

でそれを使用し、あなたのRadioButton周りのレイアウトを使用して設定backgroundDrawableをカスタムボーダーと

border.xmlを作成し、drawable

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <stroke 
     android:width="1dip" 
     android:color="@android:color/black" /> 
    <corners android:radius="10dp"/> 
</shape> 

にそれを入れて、 RadioButtonにバックグラウンドパラメータを直接適用します（ ）外部のレイアウトでそれを囲む：背景が見える

android:background="@drawable/background"

：

非アクティブ：

<?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="1px" 
       android:color="@android:color/black"/> 
      <corners android:radius="5dp"/> 
     </shape> 
    </item> 
</layer-list> 

はまた、チェックマーク画像のそれぞれにパディングを適用します

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
     <item 
      android:drawable="@drawable/radio" 
      android:left="6dp" 
      android:right="6dp"/> 
</layer-list> 

有効：

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
     <item 
      android:drawable="@drawable/radioact" 
      android:left="6dp" 
      android:right="6dp"/> 
</layer-list> 

セレクタ：

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:drawable="@drawable/active" android:state_checked="true"/> 
    <item android:drawable="@drawable/inactive" android:state_checked="false"/> 
</selector> 

Answer 2

あなたLayout

<RelativeLayout 
    android:background="@drawable/border"> 
    // your radiogroup 
</RelativeLayout>