RadioButton的背景图片和文字居中对齐

做了一个底部导航栏,使用的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的预期效果了:

发布了33 篇原创文章 · 获赞 12 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/gzh8579/article/details/51593760