需求：在黑马做安全卫士的时候，功能9设置中心界面如下：
在点击item的时候，复选框会反转状态，同时"自动更新已经关闭"会变换内容和颜色。
![wKiom1XH0WXiCmIJAADwsfmC-vM169.jpg]( "设置中心.PNG")
可以发现这个界面类似ListView，但又不是ListView，因为它的item数量是固定的，且最后一
item和之前的都不一样。虽然这个看着像是标准的List结构，实则每个item不是完全一样，因为
每个item的提示文本（如"自动更新已经关闭"）的内容并不完全一样。
假如用一般方式来布局的话，4个item就会有3*4 = 12个view，就会有多个findViewById()和
onClick事件。那么程序就会显得十分的臃肿和冗余。
假如用ListView来布局的话，4个item就会有4个view，给item项添加item点击事件即可。但是
上面已经说到，4个item并不是完全标准的ListView的item，每个item项的提示文本内容是独立
的。如果一定要用ListView来实现的话，那么只要多声明两个数组来存放复选框两种状态各个
item的提示信息。虽然ListView也能实现想要的功能，但是有点大材小用的感觉,而且复用性差.
为了解决上面这一问题，于是自定义组合控件的技术出现了。
1. 什么是自定义组合控件
自定义组合控件，还不如说是自定义组合控件类。就是将多个控件封装到一个容器里，将整个容
器看作一个控件。所有的控件还是用代码，用相应的类来实现的。
■自定义组合控件的特点
1) 冗余度低
2）复用性强
2. 自定义组合控件的实现
![wKiom1XH2eHBhe3lAAA3isPFdWQ887.jpg]( "设置中心.PNG")
将每个item看作一个自定义组合控件，它应该有title、desc_on、desc_off、check四个属性。
将不同状态的提示文本属性信息封装在控件里,这样比较适于管理和控制。
1）设计自定义控件的布局
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<?
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
=
"match_parent"
android:background
=
"#F0F0F0"
>
<
TextView
android:id
=
"@+id/tv_title"
android:layout_width
=
"match_parent"
android:layout_height
=
"wrap_content"
android:layout_alignParentTop
=
"true"
android:layout_marginLeft
=
"5dp"
android:layout_marginTop
=
"5dp"
android:text
=
"标题"
android:textSize
=
"20dp"
android:textStyle
=
"bold"
/>
<
TextView
android:id
=
"@+id/tv_desc"
android:layout_width
=
"match_parent"
android:layout_height
=
"wrap_content"
android:layout_alignLeft
=
"@id/tv_title"
android:layout_below
=
"@id/tv_title"
android:layout_marginTop
=
"5dp"
android:text
=
"描述"
android:textSize
=
"15dp"
/>
<
CheckBox
android:id
=
"@+id/cb_check"
android:layout_width
=
"wrap_content"
android:layout_height
=
"wrap_content"
android:layout_alignParentRight
=
"true"
android:layout_marginRight
=
"5dp"
android:clickable
=
"false"
android:focusable
=
"false"
/>
</
RelativeLayout
>
|
布局效果：
![wKiom1XH3BiT9CSIAAAPVhBVgNc397.jpg]( "item布局效果图.PNG")
2）创建自定义控件类继承布局
![wKioL1XH3vmzJcsUAAA2575xqrg318.jpg]( "自定义控件类.PNG")
3）创建项目的自定义命名空间文件
■系统的命名空间
每个布局都要有![wKiom1XH4ALguo0XAAA4i9MSie4365.jpg]( "系统命名空间.PNG")
,
其实这个属性指向的是一个系统自带的attr.xml文件，在系统的values文件夹目录下，它指定了什么控件
会有什么属性。
![wKiom1XH4NnBmXYcAACTJp5Y_2w714.jpg]( "attrs.PNG")
系统自带的这个attr.xml文件里，定义了系统自带的所有控件的属性。
》系统attr.xml文件的根结点标签
![wKioL1XH5YbgaVTaAABrn3WbrYs247.jpg]( "根点.PNG")
》比如ImageView控件
![wKiom1XH4xjBKpb8AALdoC-ZST8807.jpg]( "attrs2.PNG")
控件是用<declare-styleable>标签来声明的，用<attr>标签指定控件的属性。
■自定义的命名空间
》参照系统的自定义命名空间文件的格式，在自己的项目里values文件夹下新建一个
同样名称的attr.xml文件
![wKioL1XH5yazcl5sAAIpgVPlF_I016.jpg]( "新建attrs.PNG")
可以在values目录下新建attr.xml文件的时候，会自动提示根标签resources，与
系统自带的attr.xml文件格式一样。
》》在新建的values/attr.xml文件里声明自定义控件及其属性
![wKiom1XJKe6ixeW0AAFoOhlL044958.jpg]( "声明自定义控件及其属性.PNG")
http://m.blog.csdn.net/blog/u011494050/44829267
Attribute "title" has already been defined - 姜家志
http://www.880688.com/program/osprojects/programdev/325300.htm
全局搜索包含title的.xml文件，发现V7包中support/v7/appcompat/res/values/attrs.xml中也有title属性。
》》》在activity布局里加上自定义命名空间，引用自定义布局控件。
如果是使用依赖库的自定义属性，包名写本App的包名，而不是依赖库的包名
![wKiom1XJLUyjQSMyAAIYcBgMm58293.jpg]( "命名空间和自定义控件.png")
》》》》自定义控件的初始化
![wKiom1XJMEaBXEgRAAKGwZYRwv8971.jpg]( "自定义控件初始化.PNG")
上面这种方式获取自定义属性需要对reference和xxx进行判断，否则会发生异常。
另外一种获取自定义属性的方式：
|
1
2
3
4
|
TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.RelativeHorizontalItemView);
String leftText = (String) typedArray.getText(R.styleable.RelativeHorizontalItemView_leftText);
|
自定义控件内部定义的方法：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
public
boolean
isCheck() {
return
cb_check.isChecked();
}
public
void
setCheck(
boolean
isChecked) {
cb_check.setChecked(isChecked);
updateCheck();
}
public
void
updateCheck() {
if
(isCheck()) {
tv_desc.setText(descOnValue);
tv_desc.setTextColor(Color.GREEN);
}
else
{
tv_desc.setText(descOffValue);
tv_desc.setTextColor(Color.RED);
}
SPUtils.config_SetBooleanValue(getContext(),
"autoUpdate"
, isCheck());
}
|
在activity里添加自定义控件点击事件，完善逻辑：
|
1
2
3
4
5
6
7
8
9
|
update_item.setOnClickListener(
new
MySettingCenterItemView.OnClickListener() {
@Override
public
void
onClick(View v) {
update_item.setCheck(!update_item.isCheck());
}
});
|
拓展：
http://www.oschina.net/code/snippet_163910_6283
本文转自屠夫章哥 51CTO博客，原文链接：http://blog.51cto.com/4259297/1683192，如需转载请自行联系原作者
