美文网首页Android 轮子安卓开发自定义
Android自定义组合控件的实现

Android自定义组合控件的实现

作者: 猿小v | 来源:发表于2014-11-27 22:46 被阅读4504次

    一、定义一个XML布局文件

    setting_item_view.xml

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="60dip" >
    
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="5dip"
            android:layout_marginTop="5dip"   
            android:textColor="#000000"
            android:textSize="20dip" />
        
        <TextView
            android:id="@+id/tv_desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tv_title"
            android:layout_marginLeft="5dip"
            android:layout_marginBottom="5dip"       
            android:textColor="#99000000"
            android:textSize="18dip" />
    
        <CheckBox
            android:clickable="false"
            android:focusable="false"
            android:id="@+id/cb_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="20dip" />
    
        <View
            android:layout_width="fill_parent"
            android:layout_height="0.2dip"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="5dip"
            android:layout_marginRight="5dip"
            android:background="#000000" />
    
    </RelativeLayout>
    
    

    二、在src/values/attrs.xml中定义属性

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="TextView">
            <attr name="title" format="string" />
            <attr name="desc_on" format="string" />
            <attr name="desc_off" format="string" />
        </declare-styleable>
        
    </resources>
    

    三、自定义一个view继承自你需要的布局

    iniview(Context context)初始化自定义的布局文件

    根据需求自定义一些API方法

    public class SettingItemView extends RelativeLayout {
        private CheckBox cb_status;
        private TextView tv_title;
        private TextView tv_desc;
        
        private String title;
        private String desc_on;
        private String desc_off;
        
        
        
        public void iniview(Context context){
            View.inflate(context, R.layout.setting_item_view, this);
            cb_status = (CheckBox)findViewById(R.id.cb_status);
            tv_title = (TextView)findViewById(R.id.tv_title);
            tv_desc = (TextView)findViewById(R.id.tv_desc);
        }
    
        public SettingItemView(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
            iniview(context);
        }
    
        public SettingItemView(Context context, AttributeSet attrs) {
            super(context, attrs);
            iniview(context);
            title = attrs.getAttributeValue("http://schemas.android.com/apk/res/com.victor.mobilesafe","title");
            desc_on = attrs.getAttributeValue("http://schemas.android.com/apk/res/com.victor.mobilesafe","desc_on");
            desc_off = attrs.getAttributeValue("http://schemas.android.com/apk/res/com.victor.mobilesafe","desc_off");
            tv_title.setText(title);
            setDesc(desc_off);
        }
    
        public SettingItemView(Context context) {
            super(context);
            iniview(context);
        }
        public boolean isChecked(){
            return cb_status.isChecked();
            
        }
        public  void setChecked(boolean checked){
            if (checked) {
                setDesc(desc_on);
            }else{
                setDesc(desc_off);
            }
            cb_status.setChecked(checked);
            
        }
        public void setDesc(String text){
            tv_desc.setText(text);
        }
    
    }
    
    

    四、在布局文件中使用该自定义组合控件

    别忘记声明自定义命名空间
    xmlns:victor="http://schemas.android.com/apk/res/com.victor.mobilesafe"

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:victor="http://schemas.android.com/apk/res/com.victor.mobilesafe"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
     <com.victor.mobilesafe.ui.SettingItemView
            android:id="@+id/siv_update"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            victor:desc_off="自动更新关闭"
            victor:desc_on="自动更新开启"
            victor:title="设置自动更新" >
        </com.victor.mobilesafe.ui.SettingItemView>
    </LinearLayout>
    

    总结:

    1. 自定义一个View 一般来说,继承相对布局,或者线性布局 ViewGroup;
    2. 实现父类的构造方法。一般来说,需要在构造方法里初始化自定义的布局文件;
    3. 根据一些需要或者需求,定义一些API方法;
    4. 根据需要,自定义控件的属性,可以参照TextView属性;
    5. 自定义命名空间,例如:
      xmlns:victor="http://schemas.android.com/apk/res/<包名>"
      xmlns:victor="http://schemas.android.com/apk/res/com.victor.mobilesafe"
    6. 自定义我们的属性,在Res/values/attrs.xml
    7. 使用我们自定义的属性
      例如:
      itheima:title="设置自动更新"
      itheima:desc_on="设置自动更新已经开启"
      itheima:desc_off="设置自动更新已经关闭"
    8. 在我们自定义控件的带有两个参数的构造方法里AttributeSet attrs 取出我们的属性值,关联自定义布局文件对应的控件;

    相关文章

      网友评论

      • 978565cc09b6:这样做不是会导致多一层无用的RelativeLayout
      • JoeMa:黑马学员这么多
      • leon2017:兄弟啊 ,黑马的东西怎么可以乱来 你太狠了
        猿小v: @leon2017都是上学学的 所以我早不干android了转前端了
      • cb4959b7839a:你是黑马的?????
      • moyear:不错

      本文标题:Android自定义组合控件的实现

      本文链接:https://www.haomeiwen.com/subject/wvxgtttx.html