zoukankan      html  css  js  c++  java
  • 自定义CheckBox样式

    极力推荐文章:欢迎收藏
    Android 干货分享

    阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android

    本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容:

    1. 自定义样式
    2. 自定义选择器效果
    3. 自定义素材
    4. 为CheckBox标签自定义样式

    Android中自带的CheckBox 样式比较丑,为了美化CheckBox 可使用一下方法。
    实现效果如下:

    未选中状态

    选中状态

    1. 自定义样式

    values 中自定义Style样式(CustomCheckboxTheme)

        <!-- 自定义CheckBox 样式 -->
        <style name="CustomCheckboxTheme" parent="@android:style/Widget.CompoundButton.CheckBox">
            <item name="android:button">@drawable/custom_checkbox_selector</item>
        </style>
    

    2. 自定义选择器效果

    自定义选择器,可以实现不同状态下显示不同的图片custom_checkbox_selector.xml

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

    3. 自定义素材

    btn_checkbox_press.png
    btn_checkbox_normal.png

    4. 为CheckBox标签自定义样式

    CheckBox 设置自定义样式 CustomCheckboxTheme

        <CheckBox
            style="@style/CustomCheckboxTheme"
            android:layout_width="wrap_content"
            android:layout_height="45dp"
            android:text="自定义Checkbox样式" />
    

    至此,本篇已结束,如有不对的地方,欢迎您的建议与指正。同时期待您的关注,感谢您的阅读,谢谢!

    微信关注公众号:  程序员Android,领福利

  • 相关阅读:
    html5css练习 旋转
    html5 css练习 画廊 元素旋转
    html5 渐变按钮练习
    html5 旋转导航练习
    html5 javascript 表单练习案例
    html5 p1练习1,移动页面,标准标签布局
    pyqt5desinger的安装即配置
    python 文件操作
    openGL 大作业之n星变换
    openGL 蓝天白云
  • 原文地址:https://www.cnblogs.com/wangjie1990/p/11310756.html
Copyright © 2011-2022 走看看