Android开发之自定义组合控件

2022-03-08 16:24:52

自定义组合控件的步骤
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>

码农公寓

相关文章