自定义RelativeLayout控件

在工作中,一般使用RelativeLayout相对布局较多,其通过自定义RelativeLayout控件的方式,可以提高代码的复用,减少不必要的代码和后期开发及维护的方便性:
其步骤为:
1,自定义相对布局::自定义一个类继承RelativeLayout,并将其所有构造函数初始化.

public class MyRelativeLayout  *extends RelativeLayout* {

    private TextView mTv_set_desc;
    private ImageView iv_set_update;
    private RelativeLayout rl_root;

    //用来创建对象
    public MyRelativeLayout(Context context) {
        super(context,null);
    }

    //用来实现具体的操作
    public MyRelativeLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
        initData(attrs);
    }

    private void initData(AttributeSet attrs) {

        *String desc = attrs.getAttributeValue("http://schemas.android.com/apk/res-auto", "desc");
        String selectid = attrs.getAttributeValue("http://schemas.android.com/apk/res-auto", "selectid");*
        switch (Integer.parseInt(selectid)){
            case 0:
                rl_root.setBackgroundResource(R.drawable.item_set_first_selector);
                break;
            case 1:
                rl_root.setBackgroundResource(R.drawable.item_set_middle_selector);

                break;
            case 2:
                rl_root.setBackgroundResource(R.drawable.item_set_last_selector);
                break;
        }
        mTv_set_desc.setText(desc);
    }

    //这个方法是给?谁能够获得这个MyRelativeLayout这个对象,谁就可以调
    public void setImageViewState(boolean state){
        if(state) {
            //说明自动更新图片,保存当前的状态
            iv_set_update.setImageResource(R.drawable.on);
        }else {
            //说明自动更新图片
            iv_set_update.setImageResource(R.drawable.off);
        }
    }

    private void initView(Context context) {
        rl_root = *(RelativeLayout)findViewById(R.id.rl_root);
        View view=View.inflate(context, R.layout.item_set_view,this);*
        mTv_set_desc = (TextView) findViewById(R.id.tv_set_desc);
        iv_set_update = (ImageView)findViewById(R.id.iv_set_update);

    }
}

2,自定义相对布局引入的XML布局:(R.layout.item_set_view)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    *android:id="@+id/rl_root"*
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:gravity="center_vertical">

    <TextView
        android:id="@+id/tv_set_desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#000"
        android:textSize="16sp"/>

    <ImageView
        android:id="@+id/iv_set_update"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:src="@drawable/off"/>

</RelativeLayout>

3,在原有布局的基础上,引入相对布局(引入自定义控件)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              *xmlns:gaga="http://schemas.android.com/apk/res-auto"*
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:text="设置中心"
       style="@style/Tv_Title"/>
     *<com.m520it.mobilsafe.view.MyRelativeLayout
         android:id="@+id/myrl_update"
         gaga:selectid="first"
         android:layout_marginTop="20dp"
         gaga:desc="开启自动更新"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         ></com.m520it.mobilsafe.view.MyRelativeLayout>*

    <com.m520it.mobilsafe.view.MyRelativeLayout
        android:id="@+id/myrl_interface"
        android:layout_width="match_parent"
        gaga:selectid="last"
        gaga:desc="开启黑名监听"
        android:layout_height="wrap_content"
        ></com.m520it.mobilsafe.view.MyRelativeLayout>

    <com.m520it.mobilsafe.view.MyRelativeLayout
        android:id="@+id/myrl_show_address"
        android:layout_width="match_parent"
        gaga:selectid="first"
        android:layout_marginTop="20dp"
        gaga:desc="开启号码归属地显示"
        android:layout_height="wrap_content"
        ></com.m520it.mobilsafe.view.MyRelativeLayout>

    <com.m520it.mobilsafe.view.MyRelativeLayout
        android:id="@+id/myrl_watch"
        android:layout_width="match_parent"
        gaga:desc="开启看门狗"
        gaga:selectid="last"
        android:layout_height="wrap_content"
        ></com.m520it.mobilsafe.view.MyRelativeLayout>

</LinearLayout>

4,完成自定义的属性(位置在res/values/attrs.xml),这是必不可少,自定义控件需要根据自定义的属性来找到相应的资源:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyRelativeLayout">
        <attr name="desc" format="string" />
        <attr name="selectid">
            <enum name="first" value="0" />
            <enum name="middle" value="1" />
            <enum name="last" value="2" />
        </attr>
    </declare-styleable> 
</resources>

附带:三个选择器的代码:(位于res/drawable)

最上层:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/first_normal" android:state_pressed="false"></item>

    <item android:drawable="@drawable/first_pressed" android:state_pressed="true"></item>
</selector>

中层:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/middle_normal" android:state_pressed="false"></item>

    <item android:drawable="@drawable/middle_pressed" android:state_pressed="true"></item>
</selector>

下层:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/last_normal" android:state_pressed="false"></item>

    <item android:drawable="@drawable/last_pressed" android:state_pressed="true"></item>
</selector>

最后:需注意:自定义的 xmlns:gaga=”http://schemas.android.com/apk/res-auto”,其结构可以为:直接使用系统默认生成的,或者xmlns:你自己定义的名称=”http://schemas.android.com/apk/res/你程序的package包名”
最后:实现的效果为: