简单的自定义组合控件

最近在学习自定义组合控件，看到了一篇文章，照这样子写了一段代码，并做了一些修改。

首先以xml文件为组合控件的基础代码如下：

<pre name="code" class="html"><?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="wrap_content">
<TextView
android:id="@+id/tv_title"
android:padding="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这是标题一"/>
<TextView
android:id="@+id/tv_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tv_title"
android:paddingLeft="5dp"
android:text="没有被选中"/>
<CheckBox
android:id="@+id/box_status"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignBottom="@+id/tv_content"
android:layout_marginRight="5dp"
/>

</RelativeLayout>

自定义组件当然可以定义属性了，下面为本次的控件做属性定义：

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CustomRelative">
<attr name="contenttitle" format="string"/>
<attr name="contenton" format="string"/>
<attr name="contentoff" format="string"/>
</declare-styleable>
</resources>

以上是为本次组件定义的属性，接下来就在控件的构造方法中获取到属性值以便使用。

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.RelativeLayout;
import android.widget.TextView;

/**
* Created by UWorks on 2016/7/12.
*/
public class CustomRelative extends RelativeLayout {
private TextView title;
private TextView content;
private CheckBox box;
private String mTitle;
private String mContenton;
private String mContentoff;

public CustomRelative(Context context, AttributeSet attrs) {
super(context, attrs);
View view = View.inflate(context,R.layout.layout_custom, this);
title = (TextView) view.findViewById(R.id.tv_title);
content = (TextView) view.findViewById(R.id.tv_content);
box = (CheckBox) view.findViewById(R.id.box_status);

TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.CustomRelative);
int n = array.getIndexCount();
for (int i = 0;i<n;i++){
int attr = array.getIndex(i);
switch (attr){
case R.styleable.CustomRelative_contenttitle:
mTitle = array.getString(attr);
Log.d("组合控件",mTitle);
break;
case R.styleable.CustomRelative_contenton:
mContenton = array.getString(attr);
Log.d("组合控件",mContenton);
break;
case R.styleable.CustomRelative_contentoff:
mContentoff = array.getString(attr);
Log.d("组合控件",mContentoff);
break;
}
}
if (mTitle != null){
title.setText(mTitle);
}
if (mContentoff != null){
content.setText(mContentoff);
}
array.recycle();
box.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked){
content.setText(mContenton);
}else {
content.setText(mContentoff);
}
}
});
}
}

这里需要注意的是<pre name="code" class="java">View.inflate(context,R.layout.layout_custom, this);这句话表明在其他布局使用本次定义的控件时，以布局为跟布局，否则将不会显示自定义的组合控件