一步一步学android控件（之十六）—— CheckBox

根据使用场景不同，有时候使用系统默认的CheckBox样式就可以了，但是有时候就需要自定义CheckBox的样式。今天主要学习如何自定义CheckBox样式。在CheckBox状态改变时有时需要做一些额外的工作，可以在OnCheckedChangeListener做这些工作。所以今天的内容如下：

1、系统默认样式

2、自定义checkBox样式

3、使用OnCheckedChangeListener监听器监听CheckBox的选中状态。

先看一下效果图：

             

图一                                                          图二

图一为默认样式和自定义样式，当checkBox的checked状态发生改变时弹出一个Toast提示框，如图二所示。

系统默认样式没啥可说的，下面主要讲讲如何自定义自己的样式

首先准备两张图片：

      check_box_normal.jpg

      check_box_checked.jpg

1、定义selector  ， check_box_style.xml：

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

    <item android:drawable="@drawable/check_box_checked" android:state_checked="true"></item>
    <item android:drawable="@drawable/check_box_normal"/>

</selector>

2、定义CheckBox的样式：

<style name="check_box_theme" ><!-- parent="@android:style/Widget.CompoundButton.CheckBox" -->
        <item name="android:button">@drawable/check_box_style</item>
        <item name="android:textColor">@color/text_view_stroke</item>
    </style>

3、在checkBox中使用该样式：

 <CheckBox
        android:id="@+id/show_checkbox_style_customer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/customer_checkbox_style"
        style="@style/check_box_theme"/>

4、监听CheckBox状态变化

mCheckBoxCustomer.setOnCheckedChangeListener(this);

选中状态改变，doSometing

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        Toast.makeText(this, "check box state changed !..", Toast.LENGTH_LONG).show();
    }

下面是详细代码：

1、布局文件widget_checkbox_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <CheckBox
        android:id="@+id/show_checkbox_style"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/default_checkbox_style" />
     <CheckBox
        android:id="@+id/show_checkbox_style_customer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/customer_checkbox_style"
        style="@style/check_box_theme"/>

</LinearLayout>

2、activity——WidgetCheckBoxActivity.java

package com.xy.zt.selfdefinewieget;

import android.app.Activity;
import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.CompoundButton.OnCheckedChangeListener;

public class WidgetCheckBoxActivity extends Activity implements OnCheckedChangeListener{
    CheckBox mCheckBoxDefault ;
    CheckBox mCheckBoxCustomer ;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.widget_checkbox_layout);
        init();
    }

    private void init(){
        mCheckBoxDefault = (CheckBox) findViewById(R.id.show_checkbox_style);
        mCheckBoxDefault.setOnCheckedChangeListener(this);

        mCheckBoxCustomer = (CheckBox) findViewById(R.id.show_checkbox_style_customer);
        mCheckBoxCustomer.setOnCheckedChangeListener(this);
    }

    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        Toast.makeText(this, "check box state changed !..", Toast.LENGTH_LONG).show();
    }
}

3、在ViewData.java和WidgetsAdapter中分别添加如下内容：

ViewData.java

public static final int CHECK_BOX_ID = DEGITAL_CLOCK_ID + 1;
    public static final String CHECK_BOX_NAME = "CheckBox";
private static final ViewData mCheckBox = new ViewData(CHECK_BOX_NAME,
            CHECK_BOX_ID);
View_Datas.add(mCheckBox);

WidgetsAdapter的handleItemClicked方法：

case ViewData.CHECK_BOX_ID:
            intent.setClass(mContext, WidgetCheckBoxActivity.class);
            mContext.startActivity(intent);
            break;

对第三点有不清楚的地方参见文章一步一步学android控件（之一） —— 开始篇

CheckBox控件就学到这里，下一篇文章学习 RadioButton & RadioGroup 。