
我发现这样做的最简单方法是:
1) 扩展 RadioButton 类如下:
import android.content.Context;
import android.view.ViewGroup;
import android.widget.RadioButton;
public class RoundedButton extends RadioButton {
private static final int[] STATE_ONLY_ONE = new int[] {
android.R.attr.state_first,
android.R.attr.state_last,
};
private static final int[] STATE_FIRST = new int[] {
android.R.attr.state_first
};
private static final int[] STATE_LAST = new int[] {
android.R.attr.state_last
};
public RoundedButton(Context context) {
super(context);
}
@Override
protected int[] onCreateDrawableState(int extraSpace) {
ViewGroup parent = (ViewGroup) getParent();
if (parent == null) {
return super.onCreateDrawableState(extraSpace);
}
final int size = parent.getChildCount();
final boolean isFirst = (parent.getChildAt(0) == this);
final boolean isLast = (parent.getChildAt(size-1) == this);
int[] states = super.onCreateDrawableState(extraSpace + 2);
if (isFirst && isLast) {
mergeDrawableStates(states, STATE_ONLY_ONE);
} else if (isFirst) {
mergeDrawableStates(states, STATE_FIRST);
} else if (isLast) {
mergeDrawableStates(states, STATE_LAST);
}
return states;
}
}
2) 在“res/drawable/rbtn_selector.xml”中创建一个 XML 文件,在下面添加单选按钮背景的 XML 代码。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- First Checked -->
<item android:state_first="true" android:state_checked="true">
<shape>
<gradient
android:angle="90"
android:startColor="@color/radio_button_selected_start"
android:endColor="@color/radio_button_selected_end"
android:type="linear" />
<!--<solid android:color="@android:color/holo_blue_dark" />-->
<corners android:topLeftRadius="10dp" android:topRightRadius="10dp"/>
<stroke android:width="@dimen/radio_button_border" android:color="@color/radio_button_border_selected" />
</shape>
</item>
<!-- First Unchecked -->
<item android:state_first="true" android:state_checked="false">
<shape>
<gradient
android:angle="90"
android:startColor="@color/radio_button_unselected_start"
android:endColor="@color/radio_button_unselected_end"
android:type="linear" />
<!--<solid android:color="@android:color/holo_purple"/>-->
<corners android:topLeftRadius="10dp" android:topRightRadius="@dimen/radio_button_radius"/>
<stroke android:width="@dimen/radio_button_border" android:color="@color/radio_button_border_unselected" />
</shape>
</item>
<!-- Last Checked -->
<item android:state_last="true" android:state_checked="true">
<shape>
<gradient
android:angle="90"
android:startColor="@color/radio_button_selected_start"
android:endColor="@color/radio_button_selected_end"
android:type="linear" />
<!--<solid android:color="@android:color/holo_green_dark" />-->
<corners android:bottomLeftRadius="@dimen/radio_button_radius" android:bottomRightRadius="@dimen/radio_button_radius"/>
<stroke android:width="@dimen/radio_button_border" android:color="@color/radio_button_border_selected" />
</shape>
</item>
<!-- Last Unchecked -->
<item android:state_last="true" android:state_checked="false">
<shape>
<gradient
android:angle="90"
android:startColor="@color/radio_button_unselected_start"
android:endColor="@color/radio_button_unselected_end"
android:type="linear" />
<!--<solid android:color="@android:color/holo_red_dark"/>-->
<corners android:bottomLeftRadius="@dimen/radio_button_radius" android:bottomRightRadius="@dimen/radio_button_radius"/>
<stroke android:width="@dimen/radio_button_border" android:color="@color/radio_button_border_unselected" />
</shape>
</item>
<!-- Default Checked -->
<item android:state_checked="true">
<shape>
<gradient
android:angle="90"
android:startColor="@color/radio_button_selected_start"
android:endColor="@color/radio_button_selected_end"
android:type="linear" />
<stroke android:width="@dimen/radio_button_border" android:color="@color/radio_button_border_selected" />
<!--<solid android:color="@android:color/holo_orange_dark" />-->
</shape>
</item>
<!-- Default Unchecked -->
<item android:state_checked="false">
<shape>
<gradient
android:angle="90"
android:startColor="@color/radio_button_unselected_start"
android:endColor="@color/radio_button_unselected_end"
android:type="linear" />
<stroke android:width="@dimen/radio_button_border" android:color="@color/radio_button_border_unselected" />
<!--<solid android:color="@android:color/holo_green_light"/>-->
</shape>
</item>
</selector>
3)在“res/drawable/rbtn_textcolor_selector.xml”中创建一个XML文件,在下面添加单选按钮文本选择器颜色的XML代码。(文本颜色选择器xml文件)
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:color="@color/radio_text_selected"/>
<item android:color="@color/radio_text_unselected"/>
</selector>
4)将您的样式设置为按钮:
4.1) 以编程方式将一些 RoundedButton 添加到现有的 RadioGroup:
RoundedButton newRadioButton = new RoundedButton(this.getActivity());
if(android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.JELLY_BEAN) {
newRadioButton.setBackgroundDrawable(this.getActivity().getResources().getDrawable(R.drawable.rbtn_selector));
} else {
newRadioButton.setBackground(this.getActivity().getResources().getDrawable(R.drawable.rbtn_selector));
}
newRadioButton.setTextColor(this.getActivity().getResources().getColorStateList(R.color.rbtn_textcolor_selector));
4.2) xml:
<RoundedButton
android:id="@+id/bt_id_1"
android:background="@drawable/rbtn_selector"
android:textColor="@drawable/rbtn_textcolor_selector" />
5) 选择您自己的颜色和尺寸,我在示例中使用的是:
<color name="radio_text_selected">#FFF</color>
<color name="radio_text_unselected">#222</color>
<color name="radio_button_selected_start">#5393c5</color>
<color name="radio_button_selected_end">#6facd5</color>
<color name="radio_button_unselected_start">#f9f9f9</color>
<color name="radio_button_unselected_end">#eee</color>
<color name="radio_button_border_selected">#2373a5</color>
<color name="radio_button_border_unselected">#aaa</color>
和:
<dimen name="radio_button_radius">10dp</dimen>
<dimen name="radio_button_border">0.7dp</dimen>