欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-03-01 10:15:40
android radiobutton 图片位置与大小 java: rggroup = (radiogroup) findviewbyid(r.id.re_...

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> 

效果:

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

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