一步一步学android控件(之十六)—— CheckBox

时间:2022-08-03 23:29:32
一步一步学android控件(之十六)—— CheckBox

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

1、系统默认样式

2、自定义checkBox样式

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

先看一下效果图:

一步一步学android控件(之十六)—— CheckBox             一步一步学android控件(之十六)—— CheckBox

图一                                                          图二

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

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

首先准备两张图片:

一步一步学android控件(之十六)—— CheckBox      check_box_normal.jpg

一步一步学android控件(之十六)—— CheckBox      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 。