android开发笔记之自定义组合控件

红太狼 2022-07-24 07:14 230阅读 0赞

今天我们来讲一下自定义组合控件，相信大家也接触过自定义组合控件吧，话不多说，直接干（哈~哈~）：

![这里写图片描述][20160516234437496]

大家看到这个觉得这不是很简单的吗，这不就是写个布局文件就搞定嘛，没错，确实直接上布局就行，不过，我只是用这个简单的例子来讲一下自定义组合控件的用法。

首先看看，这一行行的条目看起来都长得差不多，只是图片和文字不一样，没错，就是看中这一点，我们可以把一个条目做成一个组合控件，做为一个整体，这样不管你有几个条目，就写几个组合控件就行了。

步骤：

**1.先建立组合控件的布局**

myView.xml

![这里写图片描述][20160516235259084]

**2.自定义属性（图片资源和文本）**

在values/目录下新建attrs.xml文件

attrs.xml:

<?xml version="1.0" encoding="utf-8"?>
    <resources>
        
        <declare-styleable name="myView_attrs">
            <attr name="src" format="reference"></attr>
            <attr name="text" format="string"></attr>
        </declare-styleable>
    </resources>

![这里写图片描述][20160517000028954]

**3.新建一个类MyView继承RelativeLayout，将自定义的布局文件加载进来并且获取自定义的属性，然后取得自定义属性字段的值，最后将相应的值设置在相应的组件上**

/** * 自定义组合控件（包括一个ImageView和TextView） * @author Administrator * */
    public class MyView extends RelativeLayout{ 
    
        private TextView tv;
        private ImageView icon_Iv;
        public MyView(Context context) {
            this(context,null);
        }
        public MyView(Context context, AttributeSet attrs) {
            super(context, attrs);
            initView(context);
            //拿到自定义的属性
            TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.myView_attrs);
            //获取自定义属性的值
            String text = ta.getString(R.styleable.myView_attrs_text);
            Drawable drawable = ta.getDrawable(R.styleable.myView_attrs_src);
            //把值设置到相应组件上
            icon_Iv.setImageDrawable(drawable);
            tv.setText(text);
        }
        private void initView(Context context) {
            //把自定义的布局加载进来
            View.inflate(context,R.layout.myview,this);
            //找到布局中的组件
            icon_Iv = (ImageView) this.findViewById(R.id.icon_Iv);
            tv = (TextView) this.findViewById(R.id.tv);
    
        }
    }

**4.在main.xml文件中添加自定义组合控件**

注：记得加上命名空间  
有几个条目就加几个控件  
main.xml:

![这里写图片描述][20160517000746605]

注：

![这里写图片描述][20160517001519047]

做到以上步骤就可以了。

[20160516234437496]: /images/20220722/0b144c0d6f124935970414a314369f3a.png
[20160516235259084]: /images/20220722/0630ecff943f45f2a2379ba326705eb6.png
[20160517000028954]: /images/20220722/92a7315775c64874a4af89558f80a2e2.png
[20160517000746605]: /images/20220722/fe66271f5d664c0ca11b72de6df754b6.png
[20160517001519047]: /images/20220722/fff457b54d0a42f4b3d7a1b3101e972c.png