RadioButton设置图片大小

    前几天写demo，底部是一个RadioGroup+RadioButton的导航按钮，文字在下面，图片在上面。随便导入了几张图片，本来图片很大，想着xml里面能不能设置，以前项目中UI给的图刚好合适，也就没有注意，结果发现xml里面无法设置图片的大小，文字直接被挤掉了。很郁闷啊，搞了半天，查源码，百度，最后发现，xml里面根本不能修改图片的大小。倒是总结了两种可行的方法，供大家参考。

第一种：在代码中修改。

第一步：设置布局，找到RadioButton控件

setContentView(R.layout.activity_main);

RadioButton  rb=（RadioButton）findViewById（R.id.rb）;

第二步：找到你要设置大小的图片资源

Drawable drawable = getResources().getDrawable(R.drawable.img_rb);//找到图片

drawable.setBounds(0, 0, 60, 60);//最关键的一步，给图片设置大小,4个参数分别是左上右下，我看好多人对这个左上右下不理解，看下源码

rb.setCompoundDrawables(null, drawable, null, null);

++++++++++++++++++++++源码++++++++++++++++++++++++++++++++++++++++++++++++++

/**

* Specify a bounding rectangle for the Drawable. This is where the drawable

* will draw when its draw() method is called.

* 这句话的意思是说：指定一个可拉边界的矩形。

* ok，就是说给图片一个矩形，起始大小都为0，我们分别指定图片右边、图片下边距离矩形左边和上边的大小，这不就是图片的大小了嘛

*/

public void setBounds(int left, int top, int right, int bottom) {

    Rect oldBounds = mBounds;

    if (oldBounds == ZERO_BOUNDS_RECT) {

        oldBounds = mBounds = new Rect();

    }

    if (oldBounds.left != left || oldBounds.top != top ||

            oldBounds.right != right || oldBounds.bottom != bottom) {

        if (!oldBounds.isEmpty()) {

            // first invalidate the previous bounds

            invalidateSelf();

        }

        mBounds.set(left, top, right, bottom);

        onBoundsChange(mBounds);

    }

}

++++++++++++++++++++++++源码++++++++++++++++++++++++++++++++++++++++++++++++

第二种：自定义一个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。