自定义组合控件

自定义组合控件的步骤

1. 写一个类 继承  ViewGroup LinearLayout  RelativeLayout

package com.example.horimagedemo;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.RelativeLayout;

public class SettingView extends RelativeLayout{

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

	public SettingView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public SettingView(Context context) {
		super(context);
	}

}

2. 如果在布局文件里面定义view对象 使用这个view对象的两个参数的构造方法.

如果是在代码里new出来的是用一个参数的构造方法，所以安全起见三个方法都写上

3. 定义这个自定义控件里面要显示的内容

View.inflate(context, R.layout.ui_setting_view, this);

package com.example.horimagedemo;

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 SettingView extends RelativeLayout {
	private TextView tv_title;
	private TextView tv_description;
	private CheckBox cb;

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

	public SettingView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView(context);
	}

	public SettingView(Context context) {
		super(context);
		initView(context);
	}

	private void initView(Context context) {
		View view = View.inflate(context, R.layout.ui_setting_view, this);
		tv_title = (TextView) view.findViewById(R.id.tv_title);
		tv_description = (TextView) view.findViewById(R.id.tv_descrpiton);
		cb = (CheckBox) view.findViewById(R.id.cb_status);
	}
}

4. 添加自定义控件的属性. 定义自定义属性的命名空间

在本工程\res\values\下建立attrs.xml文件，系统控件的属性在\sdk\platforms\android-18\data\res\values\attrs.xml

5. 声明自定义的属性

    <declare-styleable name="SettingView">
        <attr name="title" format="string" />
        <attr name="desc_on" format="string" />
        <attr name="desc_off" format="string" />
    </declare-styleable>
   观察R文件 生成 attr内部类 生成styleable  数组 所有的attrs

6. 在xml布局文件里面配置  自定义的属性.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:test="http://schemas.android.com/apk/res/com.example.horimagedemo"//test为命名空间，com.example.horimagedemo为工程的包名

 <com.example.horimagedemo.SettingView 
        android:id="@+id/sv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        test:title="我是标题"
        test:desc_on="描述开"
        test:desc_off="描述关"
        />





7. 在自定义view对象的构造方法里面 获取AttributeSet ,跟我们自定义的属性建立映射关系
核心代码：

public SettingView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView(context);
		TypedArray a = context.obtainStyledAttributes(attrs,
				R.styleable.SettingView);
		String title = a.getString(R.styleable.SettingView_title);
		desc_on = a.getString(R.styleable.SettingView_desc_on);
		desc_off = a.getString(R.styleable.SettingView_desc_off);
		tv_title.setText(title);
		if (isChecked()) {
			tv_description.setText(desc_on);
		} else {
			tv_description.setText(desc_off);
		}

		a.recycle();
	}

总代码：

package com.example.horimagedemo;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.View;
import android.widget.CheckBox;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class SettingView extends RelativeLayout {
	private TextView tv_title;
	private TextView tv_description;
	private CheckBox cb;
	private String desc_on;
	private String desc_off;

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

	public SettingView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView(context);
		TypedArray a = context.obtainStyledAttributes(attrs,
				R.styleable.SettingView);
		String title = a.getString(R.styleable.SettingView_title);
		desc_on = a.getString(R.styleable.SettingView_desc_on);
		desc_off = a.getString(R.styleable.SettingView_desc_off);
		tv_title.setText(title);
		if (isChecked()) {
			tv_description.setText(desc_on);
		} else {
			tv_description.setText(desc_off);
		}

		a.recycle();
	}

	public SettingView(Context context) {
		super(context);
		initView(context);
	}

	private void initView(Context context) {
		View view = View.inflate(context, R.layout.ui_setting_view, this);
		tv_title = (TextView) view.findViewById(R.id.tv_title);
		tv_description = (TextView) view.findViewById(R.id.tv_descrpiton);
		cb = (CheckBox) view.findViewById(R.id.cb_status);
	}

	/**
	 * 判断当前控件是否被选中
	 * 
	 * @return
	 */
	public boolean isChecked() {
		return cb.isChecked();
	}

	public void setChecked(boolean checked) {
		cb.setChecked(checked);
		if (checked) {
			tv_description.setText(desc_on);
			tv_description.setTextColor(Color.GREEN);
		} else {
			tv_description.setText(desc_off);
			tv_description.setTextColor(Color.RED);
		}
	}
}

8. 在自定义组合控件里面 设置 布局文件的数据, 扩展点击事件.

自己发挥

9. 在布局文件使用自定义的view对象.

自己发挥