安卓中自定义简单的组合控件

一、画组合控件的UI

• 既然是自定义组合控件，那么UI肯定得自定义，笔者的自定义组合控件效果图和代码如下：
  

代码：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"                android:layout_width="wrap_content"                android:layout_height="wrap_content">    <TextView        android:id="@+id/tv_title"        android:layout_marginLeft="5dp"        android:layout_marginTop="5dp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="自动更新设置"        android:textSize="18sp"        android:textColor="#000"/>    <TextView        android:id="@+id/tv_desc"        android:layout_marginLeft="5dp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="自动更新已关闭"        android:textSize="18sp"        android:textColor="#000"        android:layout_below="@+id/tv_title"/>    <CheckBox        android:layout_centerVertical="true"        android:layout_alignParentRight="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/cb_check"/>    <View        android:layout_below="@id/tv_desc"        android:layout_width="match_parent"        android:layout_height="1dp"        android:background="#000"/></RelativeLayout>

二、通过一个类去加载此段布局文件

• 将已编写好的布局文件抽取到单独的一个xml文件中，放到一个类中去做管理，下次要用这个控件时，直接使用这个类的对象。view类有三个构造方法，要让它们都调用到第三个，在第三个构造方法中去加载此段布局。
• 新建一个类SettingItemView继承RelativeLayout，代码如下：

package com.example.administrator.safeview;import android.content.Context;import android.util.AttributeSet;import android.view.View;import android.widget.CheckBox;import android.widget.RelativeLayout;import android.widget.TextView;/** * 自定义的组合控件，包含两个TextView和一个CheckBox */public class SettingItemView extends RelativeLayout {    private CheckBox mCb_check;    private TextView mTv_desc;    //有三个构造方法，让其统统调用第三个    public SettingItemView(Context context) {        this(context,null);    }    public SettingItemView(Context context, AttributeSet attrs) {        this(context, attrs,0);    }    public SettingItemView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        //将布局文件转换成view,this参数的含义为将当前view挂载到父控件上        View view = View.inflate(context, R.layout.seeting_item, this);        TextView tv_title = (TextView) view.findViewById(R.id.tv_title);        mTv_desc = (TextView) view.findViewById(R.id.tv_desc);        mCb_check = (CheckBox) view.findViewById(R.id.cb_check);    }    /**     * 根据确认框的状态确定组合控件是否被选中     * @return 确认框是否选中的状态，即组合控件的状态     */    public boolean isCheck(){        return mCb_check.isChecked();    }    /**     * 随着组合控件状态的改变，更新描述信息     * @param ischeck   调用该方法过程中传入的值，true为选中，false为不选中     */    public void setCheck(boolean ischeck){        if (ischeck){            mCb_check.setChecked(ischeck);            mTv_desc.setText("自动更新已开启");        }else{            mCb_check.setChecked(ischeck);            mTv_desc.setText("自动更新已关闭");        }    }}

三、使用该组合控件

• 使用自定义的组合控件时，一定要在控件前面加上完整的包名。
• 使用举例

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.administrator.safeview.MainActivity">    <!--使用时加上完整的包名-->    <com.example.administrator.safeview.SettingItemView        android:id="@+id/siv_item"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        /></RelativeLayout>

• 设置点击事件

package com.example.administrator.safeview;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initUI();    }    private void initUI() {        final SettingItemView siv_item = (SettingItemView) findViewById(R.id.siv_item);        //设置点击事件        siv_item.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                boolean check = siv_item.isCheck();                siv_item.setCheck(!check);            }        });    }}

这样，一个简单的自定义组合控件就完成了，但有一个小问题，就是点击确认框时，组合控件的描述信息并没有改变。原因是我们只是设置了组合控件整体的点击事件，而没有设置确认框的点击事件，解决方法为让确认框不能响应点击事件即可。
修改确认框的属性如下：

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

四、自定义组合控件的复用

• 现在组合控件的复用还是很繁琐，当设置或描述信息的文字改变时，要写的代码还是很多。
• 4.1 为组合控件添加属性，在res/values文件夹下新建attrs.xml文件，参照源码写属性

<?xml version="1.0" encoding="utf-8"?><resources>    <declare-styleable name="com.example.administrator.mobilesafe.view.SettingItemView">        <attr name="title" format="string" />        <attr name="descoff" format="string" />        <attr name="descon" format="string" />    </declare-styleable></resources>

• 4.2 在布局文件中使用属性，使用前修改命名空间

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.administrator.safeview.MainActivity">    <!--使用时加上完整的包名-->    <!--myattrs为自定义的命名控件，替换android-->    <!--com.example.administrator.safeview当前工程的包名替换后面的android-->    <com.example.administrator.safeview.SettingItemView        xmlns:myattrs="http://schemas.android.com/apk/res/com.example.administrator.safeview"        android:id="@+id/siv_item"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        myattrs:title="是否开启手机防盗"        myattrs:descon="手机防盗已开启"        myattrs:descoff="手机防盗已关闭"/></RelativeLayout>

• 4.3 在SettingItemView中获取属性并赋值给相应控件

package com.example.administrator.safeview;import android.content.Context;import android.util.AttributeSet;import android.view.View;import android.widget.CheckBox;import android.widget.RelativeLayout;import android.widget.TextView;/** * 自定义的组合控件，包含两个TextView和一个CheckBox */public class SettingItemView extends RelativeLayout {    private CheckBox mCb_check;    private TextView mTv_desc;    private final static String NAMESPACE =            "http://schemas.android.com/apk/res/com.example.administrator.safeview";    private String mTitle;    private String mDescon;    private String mDescoff;    //有三个构造方法，让其统统调用第三个    public SettingItemView(Context context) {        this(context, null);    }    public SettingItemView(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    public SettingItemView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        //将布局文件转换成view,this参数的含义为将当前view挂载到父控件上        View view = View.inflate(context, R.layout.seeting_item, this);        TextView tv_title = (TextView) view.findViewById(R.id.tv_title);        mTv_desc = (TextView) view.findViewById(R.id.tv_desc);        mCb_check = (CheckBox) view.findViewById(R.id.cb_check);        initAttrs(attrs);        tv_title.setText(mTitle);        mTv_desc.setText(mDescoff);    }    /**     * 根据确认框的状态确定组合控件是否被选中     *     * @return 确认框是否选中的状态，即组合控件的状态     */    public boolean isCheck() {        return mCb_check.isChecked();    }    /**     * 随着组合控件状态的改变，更新描述信息     *     * @param ischeck 调用该方法过程中传入的值，true为选中，false为不选中     */    public void setCheck(boolean ischeck) {        if (ischeck) {            mCb_check.setChecked(ischeck);            mTv_desc.setText(mDescon);        } else {            mCb_check.setChecked(ischeck);            mTv_desc.setText(mDescoff);        }    }    /**     * 获取自定义组合控件的属性     * @param attrs     */    public void initAttrs(AttributeSet attrs) {        mTitle = attrs.getAttributeValue(NAMESPACE, "title");        mDescon = attrs.getAttributeValue(NAMESPACE, "descon");        mDescoff = attrs.getAttributeValue(NAMESPACE, "descoff");    }}

这样，自定义的组合控件加上命名空间就能向系统控件那样使用了。