|
|
第二种：自定义一个MyRadioButton。原理跟第一种是一样的，直接上代码吧。
|
|
|
|
|
|
第一步：在attrs文件夹下面定义一个图片引用的属性
|
|
|
|
|
|
<?xml version="1.0" encoding="utf-8"?>
|
|
|
|
|
|
<resources>
|
|
|
|
|
|
? ? <declare-styleable name="MyRadioButton">
|
|
|
|
|
|
? ? ? ? <attr name="drawableTop" format="reference" />
|
|
|
|
|
|
? ? </declare-styleable>
|
|
|
|
|
|
</resources>
|
|
|
|
|
|
|
|
|
第二步：定义一个MyRadioButton类，继承原生的RadioButton
|
|
|
|
|
|
public class MyRadioButton extends RadioButton {
|
|
|
private Drawable drawable;
|
|
|
public MyRadioButton(Context context) {
|
|
|
super(context);
|
|
|
}
|
|
|
|
|
|
public MyRadioButton(Context context, AttributeSet attrs) {
|
|
|
super(context, attrs);
|
|
|
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyRadioButton);//获取我们定义的属性
|
|
|
drawable = typedArray.getDrawable(R.styleable.MyRadioButton_drawableTop);
|
|
|
drawable.setBounds(0, 0, 60, 60);
|
|
|
setCompoundDrawables(null, drawable, null, null);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
第三步：xml中使用它：
|
|
|
|
|
|
<com.myapp.view.MyRadioButton
|
|
|
|
|
|
?????android:id="@+id/rb1"
|
|
|
|
|
|
?????android:layout_width="wrap_content"
|
|
|
|
|
|
?????android:layout_height="wrap_content"
|
|
|
|
|
|
?????android:layout_gravity="center"
|
|
|
|
|
|
?????android:layout_weight="1"
|
|
|
|
|
|
?????android:button="@null"
|
|
|
|
|
|
?????android:gravity="center"
|
|
|
|
|
|
?????android:text="哈哈1"
|
|
|
|
|
|
? ? ?attr:drawableTop="@drawable/单个图片或者选择器图片" />
|
|
|
|
|
|
<com.myapp.view.MyRadioButton
|
|
|
|
|
|
?????android:id="@+id/rb2"
|
|
|
|
|
|
?????android:layout_width="wrap_content"
|
|
|
|
|
|
?????android:layout_height="wrap_content"
|
|
|
|
|
|
?????android:layout_gravity="center"
|
|
|
|
|
|
?????android:layout_weight="1"
|
|
|
|
|
|
?????android:button="@null"
|
|
|
|
|
|
?????android:gravity="center"
|
|
|
|
|
|
?????android:text="哈哈2"
|
|
|
|
|
|
? ? ?attr:drawableTop="@drawable/-----" />
|
|
|
|
|
|
<com.myapp.view.MyRadioButton
|
|
|
|
|
|
?????android:id="@+id/rb3"
|
|
|
|
|
|
?????android:layout_width="wrap_content"
|
|
|
|
|
|
?????android:layout_height="wrap_content"
|
|
|
|
|
|
?????android:layout_gravity="center"
|
|
|
|
|
|
?????android:layout_weight="1"
|
|
|
|
|
|
?????android:button="@null"
|
|
|
|
|
|
?????android:gravity="center"
|
|
|
|
|
|
?????android:text="哈哈3"
|
|
|
|
|
|
? ? ?attr:drawableTop="@drawable/----" />
|
|
|
|
|
|
运行：完美！
|
|
|
|
|
|
|
|
|
需要主意的是：要是在RadioGroup中默认选中第几个，但是点击后不互斥，这是因为没有给RadioButton写id。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
另一种：
|
|
|
private void initView(){
|
|
|
Drawable drawable_news = getResources().getDrawable(R.drawable.selector_home_rbtn_news);
|
|
|
//当这个图片被绘制时，给他绑定一个矩形 ltrb规定这个矩形
|
|
|
drawable_news.setBounds(0, 0, 50, 50); //设置图片在文字的哪个方向
|
|
|
rbtn_News.setCompoundDrawables(null, drawable_news, null, null);
|
|
|
// 定义底部标签图片大小和位置
|
|
|
Drawable drawable_live = getResources().getDrawable(R.drawable.selector_home_rbtn_live);
|
|
|
//当这个图片被绘制时，给他绑定一个矩形 ltrb规定这个矩形
|
|
|
drawable_live.setBounds(0, 0, 50, 50);
|
|
|
//设置图片在文字的哪个方向
|
|
|
rbtn_Live.setCompoundDrawables(null, drawable_live, null, null);
|
|
|
//定义底部标签图片大小和位置
|
|
|
Drawable drawable_tuijian = getResources().getDrawable(R.drawable.selector_home_rbtn_tuijian);
|
|
|
//当这个图片被绘制时，给他绑定一个矩形 ltrb规定这个矩形
|
|
|
drawable_tuijian.setBounds(0, 0, 50, 50);
|
|
|
//设置图片在文字的哪个方向
|
|
|
rbtn_Tuijian.setCompoundDrawables(null, drawable_tuijian, null, null);
|
|
|
//定义底部标签图片大小和位置
|
|
|
Drawable drawable_me = getResources().getDrawable(R.drawable.selector_home_rbtn_me);
|
|
|
//当这个图片被绘制时，给他绑定一个矩形 ltrb规定这个矩形
|
|
|
drawable_me.setBounds(0, 0, 50, 50);
|
|
|
//设置图片在文字的哪个方向
|
|
|
rbtn_Me.setCompoundDrawables(null, drawable_me, null, null);
|
|
|
}
|
