自定义CheckBox样式

北战南征 提交于 2020-01-25 09:32:03

1.自定义效果图

 

     clip_image001[11] clip_image002[11]

 

 

2.准备图片选中和未选中的图片

 

     2.1 图片和文件名

                 clip_image003[11]                     clip_image004[11]

         btn_check_off.png btn_check_on.png

 

     2.2 项目结构

 

       clip_image005[11]

 

 

3.编写样式文件

 

     3.1 项目文件结构

 

       clip_image006[11]

    

  3.2 checkbox_style.xml代码

 

<selectorxmlns:android="http://schemas.android.com/apk/res/android">

    <itemandroid:drawable="@drawable/btn_check_on"android:state_checked="true"/>

    <itemandroid:drawable="@drawable/btn_check_off"android:state_checked="false"/>

</selector>

 

4.编写页面文件main.xml

 

    <CheckBox

        android:id="@+id/checkBox1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:button="@drawable/checkbox_style"

        android:text="CheckBox"/>

 

5.状态改变事件

 

        CheckBox chk = (CheckBox) findViewById(R.id.checkBox1);

         chk.setOnCheckedChangeListener(new OnCheckedChangeListener() {

             public void onCheckedChanged(CompoundButton buttonView, booleanisChecked) {

                Toast.makeText(CheckBoxActivity.this , "选中状态:" + (isChecked ? "选中" : "未选中"), Toast.LENGTH_SHORT).show();

            }

        });

 

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!