自定义ViewGroup及其属性

闲来无事自定义个viewGroup的控件来练练手。

比如说现在有这么个需求，一左一右分别有个textView，然后外面一个控件直接包裹这两个;

1:现在给这个自定义控件(本文中名叫RcLinearLayout)自定义一个属性，然后去通过这个属性去确定这两个textView是否需要处于同一水平线上。

①先建立values文件夹下的attrs.xml文件，如：

<?xml version="1.0" encoding="utf-8"?><resources>    <declare-styleable name="c_view">        <attr name="gravity">            <enum name="CENTER_VERTICAL" value="0"/>        </attr>    </declare-styleable></resources>

当然了，你还可以增加别的属性，然后根据你设的属性去确定child的位置

2.重要的地方来了，就是自定义控件了，主要是重写onMeasure方法和onLayout方法，onMeasure方法主要是测量出容器的宽与高，而onlayout方法则是确定child的位置，代码如下：

public class RcLinearLayout extends ViewGroup{    private int mGravity;//这个用来标记布局中是否设置了垂直居中的属性    public RcLinearLayout(Context context) {        this(context,null);    }    public RcLinearLayout(Context context, AttributeSet attrs) {        this(context,attrs,0);    }    public RcLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.c_view);        mGravity = ta.getInt(R.styleable.c_view_gravity,-1);    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        //获得此控件的宽和高，以及计算模式        int widthMode = MeasureSpec.getMode(widthMeasureSpec);        int heightMode = MeasureSpec.getMode(heightMeasureSpec);        int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);        int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        //计算所有child的高和宽        measureChildren(widthMeasureSpec,heightMeasureSpec);        //记录如果是wrap_content是设置的宽和高        int width = 0;        int height = 0;        int cCount = getChildCount();        int cWidth = 0;        int cHeight = 0;        MarginLayoutParams cParams = null;        // 用于计算左边的childView的高度        int lHeight = 0;        // 用于计算右边的childView的高度，最终高度取二者之间大值        int rHeight = 0;        // 用于计算两个childView的宽度        int tWidth = 0;        /**         * 根据childView计算的出的宽和高，以及设置的margin计算容器的宽和高，主要用于容器是warp_content时         */        for (int i = 0; i < cCount; i++) {            View childView = getChildAt(i);            cWidth = childView.getMeasuredWidth();            cHeight = childView.getMeasuredHeight();            cParams = (MarginLayoutParams) childView.getLayoutParams();            // 得出两个childView的宽            tWidth += cWidth + cParams.leftMargin + cParams.rightMargin;            if(i==0) {                lHeight += cHeight + cParams.topMargin + cParams.bottomMargin;            }else {                rHeight +=cHeight + cParams.topMargin +cParams.bottomMargin;            }        }        //高取两个childView的取大值        height = Math.max(lHeight,rHeight);        width = tWidth;        /**         * 如果是wrap_content设置为我们计算的值         * 否则：直接设置为父容器计算的值         */        setMeasuredDimension((widthMode == MeasureSpec.EXACTLY) ? sizeWidth : width,                (heightMode == MeasureSpec.EXACTLY) ? sizeHeight : height);    }    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        int cCount = getChildCount();        int cWidth = 0;        int cHeight = 0;        MarginLayoutParams cParams = null;//这个用来获取child的参数        //遍历所有childView根据其宽和高，以及margin进行布局        for (int i = 0; i < cCount; i++){            View childView = getChildAt(i);            cWidth = childView.getMeasuredWidth();            cHeight = childView.getMeasuredHeight();            cParams = (MarginLayoutParams) childView.getLayoutParams();            int cl = 0, ct = 0, cr = 0, cb = 0;            if(mGravity==-1) {                switch (i) {                    case 0://第一个childview                        cl = cParams.leftMargin + getPaddingLeft();                        ct = cParams.topMargin + getPaddingTop();                        break;                    case 1://第二个childview                        cl = getWidth() - cWidth - cParams.leftMargin - cParams.rightMargin - getPaddingRight();                        ct = cParams.topMargin + getPaddingTop();                        break;                }            }else            switch (i){                case 0:                    cl = cParams.leftMargin + getPaddingLeft();                    ct = getHeight()/2-cHeight/2;                    break;                case 1:                    cl = getWidth() - cWidth - cParams.leftMargin - cParams.rightMargin - getPaddingRight();                    ct = getHeight()/2-cHeight/2;                    break;            }            cr = cl + cWidth;            cb = cHeight + ct;            childView.layout(cl, ct, cr, cb);        }    }    @Override    public ViewGroup.LayoutParams generateLayoutParams(AttributeSet attrs) {        return new MarginLayoutParams(getContext(), attrs);    }}

3.接下来是在布局文件中使用了

<?xml version="1.0" encoding="utf-8"?><com.example.administrator.CustomView.widget.RcLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:c_view="http://schemas.android.com/apk/res-auto"    android:layout_width="match_parent"    android:layout_height="60dp"    android:background="#123456"    c_view:gravity="CENTER_VERTICAL">    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="昵称" />    <TextView        android:id="@+id/id_tv"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="赵四"        android:textSize="24sp" /></com.example.administrator.CustomView.widget.RcLinearLayout>    

嗯，基本上就这么多了。