自学内容网 自学内容网

单选按钮样式修改RadioButton

Android CheckBox修改大小、边框颜色,以及自定义CheckBox;_android checkbox动态添加设置方框颜色-CSDN博客

<RadioGroup
android:id="@+id/login_radio_group"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent">

<RadioButton
android:id="@+id/login_rb_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/login_rb_bg_sel"
android:button="@null"
android:checked="true"
android:gravity="center"
android:text="账号登录"
android:textColor="@color/white" />

<RadioButton
android:id="@+id/login_rb_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/login_rb_bg_sel"
android:button="@null"
android:gravity="center"
android:text="刷卡登录"
android:textColor="@color/white" />

<RadioButton
android:id="@+id/login_rb_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/login_rb_bg_sel"
android:button="@null"
android:gravity="center"
android:text="指纹登录"
android:textColor="@color/white" />

<RadioButton

android:id="@+id/login_rb_4"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/login_rb_bg_sel"
android:button="@null"
android:gravity="center"
android:text="人脸登录"
android:textColor="@color/white" />
</RadioGroup>


login_rb_bg_sel.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/login_rb_bg_shape_unchecked" android:state_checked="false"></item>
<item android:drawable="@drawable/login_rb_bg_shape_checked" android:state_checked="true"></item>
</selector>

login_rb_bg_shape_unchecked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充 -->
<solid android:color="@color/login_rb_un_sel" />
<!-- 圆角 -->
<!--    <corners android:radius="5dp" />-->
<padding
android:bottom="3dp"
android:left="@dimen/dp_1"
android:right="@dimen/dp_1"
android:top="3dp" />
<stroke
android:width="1dp"
android:color="#CCCCCC" />
</shape>

login_rb_bg_shape_checked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充 -->
<solid android:color="@color/login_rb_sel" />
<!-- 圆角 -->
<!--    <corners android:radius="5dp" />-->

<padding
android:bottom="3dp"
android:left="@dimen/dp_1"
android:right="@dimen/dp_1"
android:top="3dp" />
<stroke
android:width="1dp"
android:color="#CCCCCC" />
</shape>

----------------------------------------------------------------------------------------------------
Android CheckBox修改大小、边框颜色,以及自定义CheckBox;

CheckBox修改大小:
android:scaleX="0.8"
android:scaleY="0.8"
CheckBox修改边框颜色,注意不是背景色:
 android:buttonTint="@color/colorAccent"
修改大小和边框颜色:
   <CheckBox
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:scaleX="0.8"
android:scaleY="0.8"
android:buttonTint="@color/colorAccent"
/>
自定义CheckBox:
    <CheckBox
android:id="@+id/spc_cb_shops"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:paddingLeft="@dimen/side_distance"
android:paddingRight="@dimen/side_distance"
style="@style/spc_checkbox_style"
/>

<!--购物车checkbox-->
    <style name="spc_checkbox_style" parent="@android:style/Widget.CompoundButton.CheckBox">
        <item name="android:drawableLeft">@drawable/spc_cb</item>
        <item name="android:button">@null</item>
    </style>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@mipmap/select_button" />
<item android:state_checked="false" android:drawable="@mipmap/select_button_gray" />
<item android:drawable="@mipmap/select_button_gray" />
</selector>

@mipmap/select_button是已选中样式,;
@mipmap/select_button_gray是未选中样式;


原文地址:https://blog.csdn.net/xiaoerbuyu1233/article/details/142735952

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!