android RadioButton 图片与文字间距问题

最新推荐文章于 2024-08-20 11:48:00 发布

小向光

最新推荐文章于 2024-08-20 11:48:00 发布

阅读量2w

点赞数 3

分类专栏： android

本文链接：https://blog.csdn.net/wuyou1336/article/details/55105877

版权

android 专栏收录该内容

119 篇文章 1 订阅

订阅专栏

本文介绍了如何在不同手机上解决RadioButton的按钮与文字间距不一致的问题，通过设置`android:button=@null`，`android:drawableLeft`，`android:background=@null`和`android:drawablePadding`属性，可以自定义文字与图片的间距，确保显示一致性。

摘要由CSDN通过智能技术生成

在使用radiobutton 的按钮跟文字之间的间距在不同的手机上会出现间距不一致,今天学习到了如何解决这个问题：

android:button=@null;//将默认的button图片清空

android:drawableLeft=@drawable/radiobutton;//使用该属性定义button图片

android:background=@null;//将radioButton的背景设为空

android:drawablePadding=6dp;//将文字和左侧的button图片相距6dp

button/drawableLeft/background/drawablePadding结合使用方可改变文字和图片的距离 ;

一、xml文件

定义radio的样式、属性：

 <!-- 自定义CheckBox和RadioButton中文字和图片之间距离问题解决  -->
    <style name="package_radio_style">
        <item name="android:layout_gravity"> center_vertical</item>
        <item name="android:button">@null</item>
        <item name="android:padding">0dp</item>
        <item name="android:background">@null</item>
        <item name="android:drawableLeft">@drawable/package_radio_selector</item>
        <item name="android:drawablePadding">10dp</item>
         
    </style>

package_radio_selector.xml的样式：

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

    <item android:drawable="@drawable/package_rb_checked" android:state_checked="true"/>
	<item android:drawable="@drawable/package_rb_unchecked"></item>
</selector>

radioButton的使用：

<RadioButton
                            
                                    style="@style/package_radio_style"
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:text="测试"
                                    android:textColor="@color/white"
                                    android:textSize="15sp" />

样式的效果：

二、java方法

使用java创建的radioButton 解决图片与文字间距问题：

RadioButton radioButton2 = new RadioButton(this);
radioButton2.setText("测试");
radioButton2.setTextColor(getResources().getColor(R.color.white));
radioButton2.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15);
radioButton2.setPadding(0, 0, 0, 0);
//radioButton2.setButtonDrawable(null); java设置ButtonDrawable为null，还是会显示原生的radio图标。设置为透明就好了。
radioButton2.setButtonDrawable(getResources().getDrawable(android.R.color.transparent));
radioButton2.setBackgroundDrawable(null);
radioButton2.setCompoundDrawablesWithIntrinsicBounds(getResources().getDrawable(R.drawable.package_radio_selector), null, null, null);
radioButton2.setCompoundDrawablePadding(10);