android自定义组合控件

注：源自传智播客视频教程

现整理此案例，以供日后自己或大家学习、参考：
自定义组合控件demo

实现效果：





1.点击组合控件任何一处触发点击事件改变checkbox的选中状态

下载链接：

http://download.csdn.net/detail/wang725/8735039

1.新建一个组合控件对应的ui：SettingComponentView.java

package com.example.selfDefine;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.CheckBox;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class SettingComponentView extends RelativeLayout {

private TextView etTitle;
private TextView etDescr;
private CheckBox cbChoice;
/*自定义的属性*/
private String title1;
private String descrOn;
private String descrOff;

public SettingComponentView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initView(context);
}

public SettingComponentView(Context context, AttributeSet attrs) {
super(context, attrs);
initView(context);
title1 = attrs.getAttributeValue("http://schemas.android.com/apk/res/com.example.selfDefine", "title1");
descrOn = attrs.getAttributeValue("http://schemas.android.com/apk/res/com.example.selfDefine", "descr_on");
descrOff = attrs.getAttributeValue("http://schemas.android.com/apk/res/com.example.selfDefine", "descr_off");
etTitle.setText(title1);
}

public SettingComponentView(Context context) {
super(context);
/*初始化*/
initView(context);
}

/**
* 初始化
* @param context
*/
private void initView(Context context) {
View view = View.inflate(context, R.layout.setting_componet_view, this);
etTitle = (TextView) view.findViewById(R.id.tv_title);
etDescr = (TextView) view.findViewById(R.id.tv_descr);
cbChoice = (CheckBox) view.findViewById(R.id.cb_choice);
}

/**
* 组合控件是否选中
* @return
*/
public boolean isChoice() {
return cbChoice.isChecked();
}

/**
* 设置组合控件的状态
*/
public void setChoice(boolean checked) {
if(checked) {
setDescr(descrOn);
} else {
setDescr(descrOff);
}
cbChoice.setChecked(checked);
}

/**
* 设置组合控件描述信息
*/
public void setDescr(String descr) {
etDescr.setText(descr);
}
}


2.布局activity_main.xml
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:itheima="http://schemas.android.com/apk/res/com.example.selfDefine"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">

<com.example.selfDefine.SettingComponentView
itheima:title1="能坚持吗？"
itheima:descr_on="坚持坚持继续坚持"
itheima:descr_off="勾选去坚持兄弟"
android:id="@+id/scv_setting_item"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>

</RelativeLayout>


3.组合控件item布局setting_componet_view.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="55dip" >

<TextView
android:id="@+id/tv_title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="能坚持吗？"
android:textSize="20sp"
android:layout_marginLeft="5dip"
android:layout_marginTop="5dip"/>

<TextView
android:id="@+id/tv_descr"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="勾选去坚持兄弟"
android:textSize="16sp"
android:textColor="#88000000"
android:layout_marginLeft="5dip"
android:layout_below="@+id/tv_title"/>

<CheckBox
android:id="@+id/cb_choice"
android:clickable="false"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="5dip"/>

<View
android:id="@+id/v_line"
android:layout_width="fill_parent"
android:layout_height="1dip"
android:background="#55000000"
android:layout_alignParentBottom="true"
android:layout_marginLeft="5dip"
android:layout_marginRight="5dip"/>

</RelativeLayout>

4.属性 attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="TextView">
<attr name="title1" format="string"/>
<attr name="descr_on" format="string"/>
<attr name="descr_off" format="string"/>
</declare-styleable>
</resources>


5.MainActivity.java

package com.example.selfDefine;

import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.view.View.OnClickListener;

public class MainActivity extends ActionBarActivity {

private SettingComponentView scvItem;
private SharedPreferences sp;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

scvItem = (SettingComponentView) findViewById(R.id.scv_setting_item);
sp = getSharedPreferences("config", MODE_PRIVATE);

/* 取出保存的勾选状态，若已选择，则一打开就使checkbox为已勾选状态，并显示对应的描述*/
boolean isChoice = sp.getBoolean("isChoice", false);
if(isChoice) {
scvItem.setChoice(true);
} else {
scvItem.setChoice(false);
}

/*组合控件的点击事件*/
scvItem.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Editor editor = sp.edit();
if(scvItem.isChoice()) {
scvItem.setChoice(false);
editor.putBoolean("isChoice", false);
} else {
scvItem.setChoice(true);
editor.putBoolean("isChoice", true);
}
editor.commit();
}
});
}
}


注：标的1234步骤和实际开发中的先后顺序可能不一致