自定义组合控件的总结

自定义组合控件的总结
转载请注明出处: http://renyuan-1991.iteye.com/blog/2306381
第一步:在Values中添加attrs.xml文件,首先搞清楚attts.xml怎么用,下面是一个完整的属性文件。控件的属性其实就为给我们提供某些信息的,我们在区分这个属性的时候不需要去想它能干什么,只要知道它能带来什么就行。比如format为string类型的属性,我们只要知道这个属性能为我们提供string类型的字符串就行,用来干什么依个人喜好而定。
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="GeneralTitle">
        <!-- 该属性用来获取String信息 -->
        <attr name="name" format="string"/>
        <!-- 提供资源文件的引用,如:@drawable/图片ID -->
        <attr name="name" format="reference"/>
        <!-- 提供颜色值 如:#00FF00-->
        <attr name="name" format="color"/>
        <!-- 提供一个boolean值 如:true -->
        <attr name="name" format="boolean"/>
        <!-- 提供一个尺寸值 如:42dip -->
        <attr name="name" format="dimension"/>
        <!-- 提供一个浮点类型的数值 如:2.2 -->
        <attr name="name" format="float"/>
        <!-- 提供一个整数类型的数值 如:2 -->
        <attr name="name" format="integer"/>
        <!-- 提供一个百分比 如:100% -->
        <attr name="name" format="fraction"/>
        <!-- 枚举值的定义 -->
        <attr name="orientation">
            <enum name="horizontal" value="0" />
            <enum name="vertical" value="1" />
        </attr>
        <!-- 位或运算(这个从来没用过...) -->
        <attr name="windowSoftInputMode">
            <flag name = "stateUnspecified" value = "0" />
            <flag name = "stateUnchanged" value = "1" />
            <flag name = "stateHidden" value = "2" />
            <flag name = "stateAlwaysHidden" value = "3" />
            <flag name = "stateVisible" value = "4" />
            <flag name = "stateAlwaysVisible" value = "5" />
            <flag name = "adjustUnspecified" value = "0x00" />
            <flag name = "adjustResize" value = "0x10" />
            <flag name = "adjustPan" value = "0x20" />
            <flag name = "adjustNothing" value = "0x30" />
        </attr>
    </declare-styleable>
</resources>

在定义Activity的属性时会用到位或运算这个属性,如:
android:windowSoftInputMode = "stateUnspecified | stateUnchanged | stateHidden"

这样做的好处就是减少数据传输,只需要传递一个int值就ok啦。
属性定义时是可以指定多种类型值的,如:
<attr name = "background" format = "reference|color" />

使用:
android:background = "@drawable/图片ID|#00FF00"

第二步:自定义控件的实现
自定义的空间一般都有三个构造函数,这三个构造函数是有一些区别的:
一个参数的构造函数:
    在Code中实例化一个View时调用。
两个参数的构造函数:
    在xml中定义时调用。
三个参数的构造函数:
    一般情况下我们需要显示调用并传入style.默认的Style是指它在当前Application或Activity所用的Theme中的默认Style。

接下来就要往我们这个布局里面添加内容了,比如说这个布局是一个RelativieLaoyut,我们可以通过
LayoutInflater.from(context).inflate(R.layout.imagebtn_with_text, this, true)
这行代码直接从xml中读取一个布局,但是这样会让布局的嵌套又多了一层,因为inflate这个函数的第二个参数就是当前布局,这样就是把xml文件读取的布局添加到我们这个自定义布局中。我们可以通过自己创建控件通过addView()方法生成组合控件。
    首先读取自定义的属性,如下:
//读取属性集合
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.GeneralTitle);
//然后从该属性集合中取出自定义属性,如果在xml没有添加对应的属性这里获取的就是null,我们也可以通过这个值来判断是不是要生成对应的控件。
CharSequence title= ta.getText(R.styleable.GeneralTitle_title_text);
        int textColor = ta.getColor(R.styleable.GeneralTitle_title_textcolor,0xffffff);
        float textSize = ta.getDimension(R.styleable.GeneralTitle_title_textsize,18);
        Drawable leftPic = ta.getDrawable(R.styleable.GeneralTitle_title_left_pic);
        Drawable rightPic = ta.getDrawable(R.styleable.GeneralTitle_title_right_pic);
        float picWidth = ta.getDimension(R.styleable.GeneralTitle_title_pic_width,0);
        float title_leftpic_verticalpadding = ta.getDimension(R.styleable.GeneralTitle_title_leftpic_verticalpadding,0);
        float title_leftpic_horizontalpadding = ta.getDimension(R.styleable.GeneralTitle_title_leftpic_horizontalpadding,0);
        float title_rightpic_verticalpadding = ta.getDimension(R.styleable.GeneralTitle_title_rightpic_verticalpadding,0);
        float title_rightpic_horizontalpadding = ta.getDimension(R.styleable.GeneralTitle_title_rightpic_horizontalpadding,0);
        float title_leftpic_leftmagin = ta.getDimension(R.styleable.GeneralTitle_title_leftpic_leftmagin,0);
        float title_rightpic_rightmagin = ta.getDimension(R.styleable.GeneralTitle_title_rightpic_rightmagin,0);
ta.recycle();//属性拿到后一定要记得释放。
        if(null != title) {
            //标题
            TextView text_title = new TextView(context);
            text_title.setText(title);
            text_title.setTextColor(textColor);
            text_title.setTextSize(TypedValue.COMPLEX_UNIT_PX,textSize);
            LayoutParams ttp = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            ttp.addRule(CENTER_IN_PARENT);
            this.addView(text_title, ttp);
        }
        if (null != leftPic){
            //左边的图片
            ImageView imageview_left = new ImageView(context);
            imageview_left.setImageDrawable(leftPic);
            imageview_left.setPadding((int) title_leftpic_horizontalpadding, (int)title_leftpic_verticalpadding,(int)title_leftpic_horizontalpadding, (int)title_leftpic_verticalpadding);
            LayoutParams ilp = new LayoutParams((int) picWidth, ViewGroup.LayoutParams.MATCH_PARENT);
            ilp.addRule(ALIGN_PARENT_LEFT);
            ilp.addRule(CENTER_VERTICAL);
            ilp.setMargins((int) title_leftpic_leftmagin,0,0,0);
            imageview_left.setOnClickListener(this);
            imageview_left.setTag("investor_title_imageview_left");
            this.addView(imageview_left, ilp);
        }
        if(null != rightPic) {
            //右边的图片
            ImageView Imageview_right = new ImageView(context);
            Imageview_right.setImageDrawable(rightPic);
            Imageview_right.setPadding((int)title_rightpic_horizontalpadding,(int)title_rightpic_verticalpadding,(int)title_rightpic_horizontalpadding,(int)title_rightpic_verticalpadding);
            LayoutParams irp = new LayoutParams((int)picWidth, ViewGroup.LayoutParams.MATCH_PARENT);
            irp.addRule(ALIGN_PARENT_RIGHT);
            irp.addRule(CENTER_VERTICAL);
            irp.setMargins(0,0, (int) title_rightpic_rightmagin,0);
            Imageview_right.setOnClickListener(this);
            Imageview_right.setTag("investor_title_imageview_right");
            this.addView(Imageview_right, irp);
        }

具体的案例详见:GeneralTitle --> http://git.oschina.net/renyuan_1991/MyWidget
获取属性我们也可以利用循环语句,TextView的源码里就是这样写的,如下:
int resourceId = -1;
     TypedArray typeArray = context.obtainStyledAttributes(attrs, R.styleable.MyImageView);
     ImageView iv = new ImageView(context);
     TextView tv = new TextView(context);
     int N = typeArray.getIndexCount();
     for(int i = 0 ;i<N;i++){
          int attr = typeArray.getIndex(i);
          switch (attr) {
               case R.styleable.MyImageView_Oriental:
                   resourceId = typeArray.getInt(R.styleable.MyImageView_Oriental, 0);
                    //
                    this.setOrientation(resourceId == 1 ? LinearLayout.HORIZONTAL :                     LinearLayout.VERTICAL);
               break;
               case R.styleable.MyImageView_Text:
               //获取资源,第二个参数是默认值
                   resourceId = typeArray.getResourceId(R.styleable.MyImageView_Text, 0);
                    //通过判断资源id是否存在,如果是存在说明在定义的时候定义的是字符串的资源id这里就通过资源id拿到字符,如果不是资源id就直接的到定义时的字符串
                   tv.setText(resourceId>0?                         typeArray.getResources().getText(resourceId):typeArray.getString(R.styleable.MyImageView_Text));
               break;
               case R.styleable.MyImageView_Src:
                   resourceId = typeArray.getResourceId(R.styleable.MyImageView_Src, 0);
                   //拿到资源id 如果有就设置给图片,如果没有就直接显示系统的图标
                   iv.setImageResource(resourceId>0?resourceId:R.drawable.ic_launcher);
               break;
         }
}
addView(iv);
addView(tv);
typeArray.recycle();//最后要清空属性集合

属性定义如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="MyImageView">
        <attr name="Text" format="reference|string"></attr>
        <!-- 枚举的没有format 在使用的时候也只能使用这两个属性 在自定义的时候不用指定枚举的名字,获取这个attr的名字就能拿到xml设置的属性 -->
        <attr name="Oriental">
            <enum name="Horizontal" value="1"></enum>
            <enum name="Vertical" value="0"></enum>
        </attr>
        <attr name="Src" format="reference|integer"></attr>
    </declare-styleable>

</resources>

这个例子并没有涉及到view得测量,布局,绘制这个三个必经的流程,如果想看怎么利用这几个方法创建完全自定义的view请看前一篇博客: http://renyuan-1991.iteye.com/blog/2232463
转载请注明出处: http://renyuan-1991.iteye.com/blog/2306381
希望爱好编程的小伙伴能加这个群,互相帮助,共同学习。群号: 141877583

猜你喜欢

转载自renyuan-1991.iteye.com/blog/2306381
今日推荐