做了一个底部导航栏,使用的RadioButton,类似微信那种,遇到一个不居中的问题,最后发现很简单的一个tip。
Radio背景图片和文字居中
在编辑器上运行显示是正确的样式,安装到模拟器上运行就是不ok的,请看对比:
编辑器上运行显示位置都是预期的:
安装到模拟器上效果如下,图片和文字相对RadioButton是右对齐的
查了很久,发现说是这个属性都是右对齐:
android:drawableTop=”@drawable/img_1”
解决办法:
在RadioGroup属性中添加背景图片即可赋值null即可:
这个是我RadioButton的风格属性,供参考,注意android:background:
<!--底部导航栏radio风格-->
<style name="tab_bottom">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">match_parent</item>
<item name="android:textSize">16dp</item>
<item name="android:layout_weight">1.0</item>
<item name="android:background">@null</item>
<item name="android:paddingTop">2dp</item>
<item name="android:textColor">@drawable/bottom_textcolor</item>
<item name="android:singleLine">true</item>
<item name="android:button">@null</item>
</style>
修改完成之后,在运行就是ok的预期效果了: