android 控件之checkbox自定义样式

我就是我 2023-10-16 20:43 26阅读 0赞

1.首先在drawable文件夹中添加drawable文件checkbox\_style.xml。

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

2.在values文件夹下的styles.xml文件中添加MyCheckBox样式。

<resources>
    
        
        <style name="AppBaseTheme" parent="android:Theme.Light">
            
        </style>
    
        
        <style name="AppTheme" parent="AppBaseTheme">
            
        </style>
    
        <span style="color:#ff0000;"><style name="MyCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
            <item name="android:button">@drawable/checkbox_selector</item>
            <item name="android:paddingLeft">25.0dip</item>
            <item name="android:maxHeight">10.0dip</item>
        </style></span>
    
    </resources>

3.在布局文件使用MyCheckBox样式

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
    
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20sp"
            android:layout_marginRight="10sp"
            android:orientation="horizontal" >
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/sports"
                android:textSize="18sp" >
            </TextView>
    
           <span style="color:#ff0000;"> <CheckBox
                style="@style/MyCheckBox"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" /></span>
            
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/distance"
                android:textSize="18sp" >
            </TextView>
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10sp"
            android:layout_marginRight="10sp"
            android:orientation="horizontal" >
    
            <Button
                android:layout_width="24sp"
                android:layout_height="24sp"
                android:background="@drawable/reduce" >
            </Button>
    
            <SeekBar
                android:id="@+id/seekbar"
                android:layout_width="250sp"
                android:layout_height="24sp"
                android:max="30"
                android:progress="10"
                android:progressDrawable="@drawable/bg_bar"
                android:thumb="@drawable/thumb_bar" />
    
            <Button
                android:layout_width="24sp"
                android:layout_height="24sp"
                android:background="@drawable/add" >
            </Button>
        </LinearLayout>
    
    </LinearLayout>

相关图片资源：

check\_pressed：![Center][]

check\_normal:![Center 1][]

界面截图：

![Center 2][]

[Center]: https://img-blog.csdn.net/20141203193750478?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhvdXpoaXdlbmdhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: https://img-blog.csdn.net/20141203193813738?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhvdXpoaXdlbmdhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 2]: https://img-blog.csdn.net/20141203193908416?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhvdXpoaXdlbmdhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

发表评论取消回复

表情：

评论列表（有 0 条评论，26人围观）

还没有评论，来说两句吧...

相关阅读

相关 android 控件之checkbox自定义样式

1.首先在drawable文件夹中添加drawable文件checkbox\_style.xml。 <?xml version="1.0" encoding="utf

我就是我/ 2023年10月16日 20:43/ 0 赞/ 27 阅读

相关中级控件——复选框CheckBox——自定义控件CheckBox

使用有自定义图标的CheckBox： ![3eb4d4df1587792d7348faaeb51e4a15.png][] Button按钮的背景在正常情况下是凸起的，在按下

男娘i/ 2023年09月28日 14:26/ 0 赞/ 389 阅读

相关 android 自定义控件书籍,android整理之自定义控件

1.了解自定义View过程 ![25b4ccdf7da4][] 自定义View流程图 2.示例 2.1 创建MyView的类文件并继承View，重写三种构造方法。 !

超、凢脫俗/ 2022年10月17日 13:55/ 0 赞/ 35 阅读

相关 android自定义控件demo,android--------自定义控件之组合控件篇

这篇博文主要来说说自定义控件的组合控件来提高布局的复用使用自定义组合控件的好处？我们在项目开发中经常会遇见很多相似或者相同的布局，比如APP的标题栏，我们就可以用自定

拼搏现实的明天。/ 2022年10月16日 00:51/ 0 赞/ 187 阅读

相关 android自定义radiobutton、checkbox样式

<CheckBox android:id="@+id/cbPayTypeDefault"

短命女/ 2022年08月27日 02:30/ 0 赞/ 244 阅读

相关 android中checkbox自定义样式

转载自：http://wsy1983wsy.iteye.com/blog/1471573 [android中checkbox自定义样式][android_chec

刺骨的言语ヽ痛彻心扉/ 2022年08月01日 13:54/ 0 赞/ 255 阅读

相关 Android自定义控件之自定义组合控件（一）

[Android自定义控件之基本原理][Android] 前言：在日常的Android开发中会经常和控件打交道，有时Android提供的控件未必能满足业务的需求，

客官°小女子只卖身不卖艺/ 2022年07月12日 03:49/ 0 赞/ 530 阅读

相关 Android自定义控件之自定义组合控件（三）

前言：前两篇介绍了自定义控件的基础原理[Android自定义控件之基本原理（一）][Android]、自定义属性[Android自定义控件之自定义属性（二

亦凉/ 2022年07月12日 03:49/ 0 赞/ 433 阅读

相关自定义CheckBox样式

一般的自定义checkbox样式要改style文件，比较麻烦。可以直接把`button`属性设置为`@null`，然后定义一个`selector`文件，在`background

古城微笑少年丶/ 2022年06月08日 00:08/ 0 赞/ 290 阅读

相关 android自定义radiobutton、checkbox样式

<CheckBox android:id="@+id/cbPayTypeDefault"

╰+哭是因爲堅強的太久メ/ 2022年04月13日 08:53/ 0 赞/ 421 阅读