设置drawableRight等图片离文字间隔太远解决小窍门

最近项目遇到,四个Tab选项,其中一个Tab涉及到排序,因此需要给RadioButton加上两张图片表示升序或者降序。但是 用drawableRight加上图片之后,图片离总是在边上,离文字太远。百度了半天,可以给Android:drawablePadding一个负值,本以为图片会向左侧移动,但是没想到文字却向图片靠拢.,整体则变成右对齐,就当时那叫一个无语.

想了半天,既然文字向图片移动,那么我就给RadioButton来一个PaddingRight(比如给DrawablePadding负值为-15dip,那么就给PaddingRight15dip),然后,又变成居中了。虽然办法比较笨,但是解决了。

下面是代码:

XML:

[java]  view plain  copy
 print ?
  1. <RadioGroup  
  2.                     android:id="@+id/rg_nav_content"  
  3.                     android:layout_width="fill_parent"  
  4.                     android:layout_height="wrap_content"  
  5.                     android:background="#F2F2F2"  
  6.                     android:orientation="horizontal">  
  7.                 <RadioButton  
  8.                         android:id="@+id/tab1"  
  9.                         android:text="综合"  
  10.                         style="@style/mall_goods_tab"  
  11.                         android:checked="true"/>  
  12.                 <RadioButton  
  13.                         android:id="@+id/tab2"  
  14.                         android:text="销量"  
  15.                         style="@style/mall_goods_tab"  
  16.                         />  
  17.                 <RadioButton  
  18.                         android:id="@+id/tab3"  
  19.                         android:text="价格"  
  20.                         android:paddingRight="20dp"  
  21.                         style="@style/mall_goods_tab"  
  22.                         android:button="@drawable/sort_up"  
  23.                         android:drawablePadding="-15dp"  
  24.                         android:drawableRight="@drawable/sort_up"  
  25.                         />  
  26.                 <RadioButton  
  27.                         android:id="@+id/tab4"  
  28.                         android:text="新品"  
  29.                         style="@style/mall_goods_tab"  
  30.                         />  
  31.   
  32.   
  33.             </RadioGroup>  
[java]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. style  
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <style name="mall_goods_tab">  
  2.         <item name="android:textSize">@dimen/sp_18</item>  
  3.         <item name="android:textColor">@drawable/mall_tab_selector</item>  
  4.         <item name="android:gravity">center</item>  
  5.         <item name="android:layout_width">fill_parent</item>  
  6.         <item name="android:layout_height">@dimen/dp_66</item>  
  7.         <item name="android:button">@null</item>  
  8.         <item name="android:paddingTop">@dimen/dp_15</item>  
  9.         <item name="android:paddingBottom">@dimen/dp_15</item>  
  10.         <item name="android:singleLine">true</item>  
  11.         <item name="android:background">@color/white</item>  
  12.         <item name="android:layout_weight">1.0</item>  
  13.     </style>  

效果图:




如果帮到你了,请帮忙留个脚印,谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值