自定义组合控件的总结

阅读更多

自定义组合控件的总结
转载请注明出处： http://renyuan-1991.iteye.com/blog/2306381
第一步:在Values中添加attrs.xml文件，首先搞清楚attts.xml怎么用,下面是一个完整的属性文件。控件的属性其实就为给我们提供某些信息的，我们在区分这个属性的时候不需要去想它能干什么，只要知道它能带来什么就行。比如format为string类型的属性，我们只要知道这个属性能为我们提供string类型的字符串就行，用来干什么依个人喜好而定。

在定义Activity的属性时会用到位或运算这个属性，如:

android:windowSoftInputMode = "stateUnspecified | stateUnchanged　|　stateHidden"

这样做的好处就是减少数据传输，只需要传递一个int值就ok啦。
属性定义时是可以指定多种类型值的，如：

使用：

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 ;i0?                         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();//最后要清空属性集合

属性定义如下：

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