RadioButton的drawableTop资源大小调整

RadioButton一般用的时候会伴随资源图片的使用，或左或右或上或下的，挺好用，但麻烦的是图片资源有多大它就给显示多大，XML文件还不能给调整：

XML布局：

<code class="language-XML hljs mel has-numbering">  <RadioButton            android:id=<span class="hljs-string">"@+id/rb_a"</span>            android:layout_width=<span class="hljs-string">"wrap_content"</span>            android:layout_height=<span class="hljs-string">"wrap_content"</span>            android:layout_weight=<span class="hljs-string">".2"</span>            android:<span class="hljs-keyword">button</span>=<span class="hljs-string">"@null"</span>            android:checked=<span class="hljs-string">"true"</span>            android:drawableTop=<span class="hljs-string">"@drawable/ic_launcher"</span>            android:<span class="hljs-keyword">gravity</span>=<span class="hljs-string">"bottom|center_horizontal"</span>            android:<span class="hljs-keyword">text</span>=<span class="hljs-string">"RB1"</span> /></code>

效果是这样的：

差异表现的不是很明显，但是它们原来长啥样，现在就是啥样，假如每个图像像素大小不一，那么一点都说不上美观了，我们要求的是一片林子，鸟都一样，不能什么都有。

找了一下资料，解决办法如下：

<code class="language-java hljs  has-numbering">rbs = <span class="hljs-keyword">new</span> RadioButton[<span class="hljs-number">5</span>];<span class="hljs-comment">//初始化控件，中间大个的，周围小弟</span>rbs[<span class="hljs-number">0</span>] = (RadioButton) findViewById(R.id.rb_a);rbs[<span class="hljs-number">1</span>] = (RadioButton) findViewById(R.id.rb_b);rbs[<span class="hljs-number">2</span>] = (RadioButton) findViewById(R.id.rb_m);rbs[<span class="hljs-number">3</span>] = (RadioButton) findViewById(R.id.rb_c);rbs[<span class="hljs-number">4</span>] = (RadioButton) findViewById(R.id.rb_d);<span class="hljs-keyword">for</span> (RadioButton rb : rbs) {  <span class="hljs-comment">//挨着给每个RadioButton加入drawable限制边距以控制显示大小</span>  drs = rb.getCompoundDrawables();  <span class="hljs-comment">//获取drawables</span>  Rect r = <span class="hljs-keyword">new</span> Rect(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, drs[<span class="hljs-number">1</span>].getMinimumWidth()*<span class="hljs-number">2</span>/<span class="hljs-number">3</span>, drs[<span class="hljs-number">1</span>].getMinimumHeight()*<span class="hljs-number">2</span>/<span class="hljs-number">3</span>);  <span class="hljs-comment">//定义一个Rect边界</span>  drs[<span class="hljs-number">1</span>].setBounds(r);  <span class="hljs-comment">//给drawable设置边界</span>  <span class="hljs-keyword">if</span> (rb.getId() == R.id.rb_m) {     r = <span class="hljs-keyword">new</span> Rect(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, drs[<span class="hljs-number">1</span>].getMinimumWidth(), drs[<span class="hljs-number">1</span>].getMinimumHeight());     drs[<span class="hljs-number">1</span>].setBounds(r);  } rb.setCompoundDrawables(<span class="hljs-keyword">null</span>,drs[<span class="hljs-number">1</span>],<span class="hljs-keyword">null</span>,<span class="hljs-keyword">null</span>); <span class="hljs-comment">//添加限制给控件</span>}</code>

解释一下：
给控件起作用的是这个方法

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setCompoundDrawables</span> (Drawable left, Drawable top, Drawable right, Drawable bottom);</code><ul class="pre-numbering" style=""><li>1</li></ul><ul class="pre-numbering" style=""><li>1</li></ul>

意思是给当前的控件的某个位置上的drawable设置边界限制，达到布局要求，参数依次是设置 上、下、左、右 四个位置的drawable边界大小，有的就设置，没的设置null，否则空指针异常。

按照Google的API解释：Sets the Drawables (if any) to appear to the left of, above, to the right of, and below the text. Use null if you do not want a Drawable there. The Drawables must already have had setBounds(Rect) called。

可以看出这个方法的使用是有一个前提，必须在调用之前调用setBounds(Rect)。

Rect意思是矩形，用起来也简单，在绘图中设置画布大小都会用得到这个：

<code class="hljs erlang has-numbering"><span class="hljs-variable">Rect</span> r = new <span class="hljs-variable">Rect</span>(start<span class="hljs-variable">X</span>, start<span class="hljs-variable">Y</span>, <span class="hljs-keyword">end</span><span class="hljs-variable">X</span>, <span class="hljs-keyword">end</span><span class="hljs-variable">Y</span>);</code><ul class="pre-numbering" style=""><li>1</li></ul><ul class="pre-numbering" style=""><li>1</li></ul>

这里的意思从坐标（startX， startY）到坐标（endX, endY）组成的矩形边界里面绘制图片。

效果如下，虽然有一个比较大，但是有个老大也是合理的么：

这样就可以按自己的想法来了，要瘦要胖，随你心情：