Android RadioButton 图片位置与大小实例详解

Android RadioButton 图片位置与大小

Java：

rgGroup = (RadioGroup) findViewById(R.id.re_group);
   rbWeiHui = (RadioButton) findViewById(R.id.rb_wei_hui);
   rbAdd = (RadioButton) findViewById(R.id.rb_add);
   rbMine = (RadioButton) findViewById(R.id.rb_mine);

//定义底部标签图片大小
   Drawable drawableWeiHui = getResources().getDrawable(R.drawable.btn_tab_wei_hui_selector);
   drawableWeiHui.setBounds(0, 0, 69, 69);//第一0是距左右边距离，第二0是距上下边距离，第三69长度,第四宽度
   rbWeiHui.setCompoundDrawables(null, drawableWeiHui, null, null);//只放上面

Drawable drawableAdd = getResources().getDrawable(R.drawable.btn_tab_add_selector);
   drawableAdd.setBounds(0, 0, 168, 120);
   rbAdd.setCompoundDrawables(drawableAdd, null, null, null);

Drawable drawableRight = getResources().getDrawable(R.drawable.btn_tab_mine_selector);
   drawableRight.setBounds(0, 0, 69, 69);
   rbMine.setCompoundDrawables(null, drawableRight, null, null);

//初始化底部标签
   rgGroup.check(R.id.rb_wei_hui);// 默认勾选首页，初始化时候让首页默认勾选

xml：

<RadioGroup
   android:id="@+id/re_group"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:background="@color/app_bg_color"
   android:orientation="horizontal" >

<RadioButton
     android:id="@+id/rb_wei_hui"
     style="@style/BottomTabStyle"
     android:layout_marginTop="5dp"
     android:drawableTop="@drawable/btn_tab_wei_hui_selector"
     android:textSize="12sp"
     android:text="xx" />

<RadioButton
     android:id="@+id/rb_add"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:background="@color/app_bg_color"
     android:button="@null"
     android:drawableTop="@mipmap/ic_add_selected"
     android:gravity="center"
     android:paddingTop="10dip" />

<RadioButton
     android:id="@+id/rb_mine"
     style="@style/BottomTabStyle"
     android:layout_marginTop="5dp"
     android:drawableTop="@drawable/btn_tab_mine_selector"
     android:textSize="12sp"
     android:text="xx" />
 </RadioGroup>

selected:只写一个selected，其它模仿此

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:drawable="@mipmap/ic_mine_selected" android:state_checked="true" />
 <item android:drawable="@mipmap/ic_mine_normal" />

</selector>

style:共同的style-中间的是定制的，左右一个风格

<!-- 低栏RadioButton首页下面的标签的样式 -->
 <style name="BottomTabStyle">
   <item name="android:layout_width">wrap_content</item>
   <item name="android:layout_height">wrap_content</item>
   <item name="android:layout_gravity">center_vertical</item>
   <item name="android:button">@null</item>
   <item name="android:padding">5dp</item>
   <item name="android:drawablePadding">3dp</item>
   <item name="android:textColor">@drawable/btn_tab_text_selector</item>
   <item name="android:layout_weight">1</item>
   <item name="android:gravity">center</item>
   <item name="android:layout_marginTop">5dp</item>
 </style>

效果：

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

来源：http://blog.csdn.net/u012246458/article/details/50387308