Android开发之自定义组合控件

自定义组合控件的步骤
1.自定义一个View,继承ViewGroup,比如RelativeLayout
2.编写组合控件的布局文件，在自定义的view中加载
（使用View.inflate()）
3.自定义属性，
在value中创建一个attrs.xml文件，定义自己的属性
4.在自定义View的java代码中完成逻辑
5.在使用自定义view的布局文件中，添加自己的命名空间，在自定义view中，手动添加自己定义的属性

 

如：

1.自定义一个View,继承ViewGroup。命名为：setting_item_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="70dp"
    android:padding="5dp" >

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/black"
        android:textSize="22sp" />

    <TextView
        android:id="@+id/tv_desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_title"
        android:layout_marginTop="3dp"
        android:textColor="@color/gray"
        android:textSize="18sp" />

    <CheckBox
        android:id="@+id/cb_status"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.3dp"
        android:layout_alignParentBottom="true"
        android:background="@color/gray" />

</RelativeLayout>

2.编写组合控件的布局文件，在自定义的view中加载。命名：SettingItemView.java

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 SettingItemView extends RelativeLayout {

    public SettingItemView(Context context, AttributeSet attrs,
            int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        initview();
    }

    public SettingItemView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initview();
    }

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

    public SettingItemView(Context context) {
        super(context);
        initview();
    }

    private void initview() {
        View.inflate(getContext(), R.layout.setting_item_view, this);

    }

3.在value中创建一个attrs.xml文件，定义自己的属性,title, update_on, update_off

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="SettingItemView">
        <attr name="title" format="string" />
        <attr name="update_on" format="string" />
        <attr name="update_off" format="string" />
    </declare-styleable>

</resources>

4.在自定义View的java代码中完成逻辑,SettingItemView.java

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 SettingItemView extends RelativeLayout {
    // 命名空间，与布局文件中写的命名空间保持一致
    private static final String NAMESPACE = "http://schemas.android.com/apk/res/com.haha.mobilesafe";
    private TextView tv_title;
    private TextView tv_desc;
    private CheckBox cb_status;
    private String mTitle;
    private String mUpdateOn;
    private String mUpdateOff;

    public SettingItemView(Context context, AttributeSet attrs,
            int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        initview();
    }

    public SettingItemView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initview();
    }

    public SettingItemView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mTitle = attrs.getAttributeValue(NAMESPACE, "title");
        mUpdateOn = attrs.getAttributeValue(NAMESPACE, "update_on");
        mUpdateOff = attrs.getAttributeValue(NAMESPACE, "update_off");

        initview();
    }

    public SettingItemView(Context context) {
        super(context);
        initview();
    }

    private void initview() {
        View.inflate(getContext(), R.layout.setting_item_view, this);
        tv_title = (TextView) findViewById(R.id.tv_title);
        tv_desc = (TextView) findViewById(R.id.tv_desc);
        cb_status = (CheckBox) findViewById(R.id.cb_status);
        setTitle(mTitle);
    }

    // 设置item的名称
    public void setTitle(String text) {
        tv_title.setText(text);
    }

    // 设置item的描述
    public void setDesc(String text) {
        tv_desc.setText(text);
    }

    // 获取checkbox是否勾选
    public boolean isChecked() {
        return cb_status.isChecked();
    }

    // 设置checkbox勾选状态
    public void setChecked(boolean check) {
        if (check) {
            setDesc(mUpdateOn);
        } else {
            setDesc(mUpdateOff);
        }
        cb_status.setChecked(check);
    }

}

5.在使用自定义view的布局文件中，添加自己的命名空间，在自定义view中，手动添加自定义的属性

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:haha="http://schemas.android.com/apk/res/com.haha.mobilesafe"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        style="@style/titlebar"
        android:text="设置中心" />

    <com.haha.mobilesafe.view.SettingItemView
        android:id="@+id/siv_update"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        haha:title="自动更新设置"
        haha:update_off="自动更新已关闭"
        haha:update_on="自动更新已开启" />

</LinearLayout>