根据使用场景不同,有时候使用系统默认的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 。