Android自定义ViewGroup

2023-07-28 08:00:16

视图分类就两类，View和ViewGroup。ViewGroup是View的子类，ViewGroup可以包含所有的View（包括ViewGroup），View只能自我描绘，不能包含其他View。

然而系统定义的ViewGroup毕竟功能有限，不能满足我们所有的需求，很简单的道理，别人不可能为你考虑所有的细节。所以我们需要自定义ViewGroup。

一个非常简单的视图包含关系：ViewGroup1->ViewGroup2->…->ViewGroupi->…->ViewGroupn->View（->为包含）

其中包含了两个极为重要的流程：尺寸测量和位置摆放。尺寸测量完后再走位置摆放。

1、尺寸测量

View有一个尺寸测量方法onMeasure(int widthMeasureSpec, int heightMeasureSpec)，这个方法负责设置自己的大小，以及发送建议的大小到他的children（如果他有的话）。

2、位置摆放

只有ViewGroup才有位置摆放一说。View有一个摆放方法onLayout(boolean changed, int left, int top, int right, int bottom)，此方法负责摆放他的children的位置。

起码得有一个开头的ViewGroup，让其下发建议的大小下去到他的children里面。查看Activity源代码可以看到以下一个方法setContentView(View v)：

@Override

public void setContentView(View v) {

    ensureSubDecor();

    ViewGroup contentParent = (ViewGroup) mSubDecor.findViewById(android.R.id.content);

    contentParent.removeAllViews();

    contentParent.addView(v);

    mOriginalWindowCallback.onContentChanged();

}

这个方法不要太熟悉，就是我们平时在onCreate中用的设置布局的方法。可以看到用了一个ID为android.R.id.content的视图contentParent来添加我们传入的v。contentParent是一个大小固定的ViewGroup，因为屏幕大小和状态栏的大小是固定的。我们可以把这个contentParent当作一个开头的ViewGroup。

然后就是如何传递建议的大小。

onMeasure(int widthMeasureSpec, int heightMeasureSpec)中的measureSpec（widthMeasureSpec或heightMeasureSpec）包含了两个信息：测量模式specMode和测量大小specSize。获取方法：

int specMode = MeasureSpec.getMode(measureSpec);

int specSize = MeasureSpec.getSize(measureSpec);

specMode有三个模式：

1、View.EXACTLY：建议恰好以specSize大小设置

2、View.AT_MOST：建议最多以specSize大小设置

3、View.UNSPECIFIED：没有建议，任意发挥

比如一个RelativeLayout，其中包括一个View：

1、这个View设置的layout_width为100dp，那么RelativeLayout就会把View.EXACTLY和100dp组合成一个widthMeasureSpec发送到View的onMeasure方法里。

2、这个View设置的layout_width为wrap_content，那么RelativeLayout就会把View.AT_MOST和自身可用宽度组合成一个widthMeasureSpec发送到View的onMeasure方法里。

3、View.UNSPECIFIED多用于大小不可控的地方，比如ScrollView中的子视图View，ScrollView会把View.UNSPECIFIED和大小值为0组合成一个heightMeasureSpec发送到View的onMeasure方法里。

测量模式和测量大小只是建议性，至于children会不会采纳就是他们的事情了。

接下来就是如何摆放位置。

onLayout(boolean changed, int left, int top, int right, int bottom)中的left、top、right、bottom是指相对于父视图的偏移值，我们可以利用这些值来指出它的大小，width=right-left；height=bottom-top。

然后就循环children把他们摆放好。

下面进行实战

1、简单的自定义：

Android自定义ViewGroup

外面一个ViewGroup，里面动态添加View，View的排序为从左到右。

布局为：

<com.besttimer.study.myviewgrouptest.CustomViewGroup

    android:layout_width="300dp"

    android:layout_height="100dp">

    <com.besttimer.study.myviewgrouptest.CustomView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:background="#ffff0000" />

    <com.besttimer.study.myviewgrouptest.CustomView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:background="#ff00ff00" />

    <com.besttimer.study.myviewgrouptest.CustomView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:background="#ff0000ff" />

</com.besttimer.study.myviewgrouptest.CustomViewGroup>

CustomViewGroup的测量方法为：

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    int measuredWidth = this.getMeasureSize(widthMeasureSpec, 100);

    int measuredHeight = this.getMeasureSize(heightMeasureSpec, 100);

    int childCount = this.getChildCount();

    int childWidth = measuredWidth / childCount;

    int childHeight = measuredHeight;

    for (int index = 0; index < childCount; index++) {

        View childView = this.getChildAt(index);

        //以MeasureSpec.EXACTLY定义测量值

        int widthMeasureSpec_child = MeasureSpec.makeMeasureSpec(childWidth, MeasureSpec.EXACTLY);

        int heightMeasureSpec_child = MeasureSpec.makeMeasureSpec(childHeight, MeasureSpec.EXACTLY);

        //此方法将会调用childView.onMeasure(int widthMeasureSpec, int heightMeasureSpec)

        childView.measure(widthMeasureSpec_child, heightMeasureSpec_child);

    }

    //必须要设置的大小，指定其在父视图中的大小

    this.setMeasuredDimension(measuredWidth, measuredHeight);

}

/**

 * 获取测量大小

 *

 * @param measureSpec

 * @param defaultValue 默认大小

 * @return

 */

private int getMeasureSize(int measureSpec, int defaultValue) {

    int result = defaultValue;

    int specMode = MeasureSpec.getMode(measureSpec);//测量模式

    int specSize = MeasureSpec.getSize(measureSpec);//测量大小

    switch (specMode) {

        //如果是无建议的测量模式，则取默认值

        case MeasureSpec.UNSPECIFIED:

            result = defaultValue;

            break;

        //建议最多以specSize大小设置

        case MeasureSpec.AT_MOST:

            //建议恰好以specSize大小设置

        case MeasureSpec.EXACTLY:

            result = specSize;

            break;

    }

    return result;

}

CustomViewGroup的摆放方法为：

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

    int childCount = this.getChildCount();

    int childL = 0;

    int childT = 0;

    for (int index = 0; index < childCount; index++) {

        View childView = this.getChildAt(index);

        //经过onMeasure计算后，在此方法中已经可以获取大小了

        int childMeasureWidth = childView.getMeasuredWidth();

        int childMeasureHeight = childView.getMeasuredHeight();

        //并排摆放

        childView.layout(childL, childT, childL + childMeasureWidth, childT + childMeasureHeight);

        childL += childMeasureWidth;

    }

}

CustomView的测量方法为：

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    //View中只需要设置自己的大小，毕竟没有children

    int measuredWidth = this.getMeasureSize(widthMeasureSpec, 0);

    int measuredHeight = this.getMeasureSize(heightMeasureSpec, 0);

    this.setMeasuredDimension(measuredWidth, measuredHeight);

}

/**

 * 获取测量大小

 *

 * @param measureSpec

 * @param defaultValue 默认大小

 * @return

 */

private int getMeasureSize(int measureSpec, int defaultValue) {

    int result = defaultValue;

    int specMode = MeasureSpec.getMode(measureSpec);//测量模式

    int specSize = MeasureSpec.getSize(measureSpec);//测量大小

    switch (specMode) {

        //如果是无建议的测量模式，则取默认值

        case MeasureSpec.UNSPECIFIED:

            result = defaultValue;

            break;

        //建议最多以specSize大小设置

        case MeasureSpec.AT_MOST:

            //建议恰好以specSize大小设置

        case MeasureSpec.EXACTLY:

            result = specSize;

            break;

    }

    return result;

}

2、添加declare-styleable

像LinearLayout、RelativeLayout这些都有padding这些属性，我们也可以添加。效果图：

Android自定义ViewGroup

新建一个xxx.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <declare-styleable name="CustomViewGroup_attrs">

        <attr name="padding" format="dimension" />

    </declare-styleable>

</resources>

其中format有几类，现用到尺寸dimension类型。

在CustomViewGroup中增加一个初始化方法：

private int padding = 0;

private void init(Context context, AttributeSet attrs) {

    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomViewGroup_attrs);

    //获取padding值

    this.padding = (int) a.getDimension(R.styleable.CustomViewGroup_attrs_padding, 0);

    //记得回收

    a.recycle();

}

修改CustomViewGroup的一些方法：

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    ...

    int childCount = this.getChildCount();

    int childWidth = (measuredWidth - this.padding * 2) / childCount;

    int childHeight = measuredHeight - this.padding * 2;

    ...

}
@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

    int childCount = this.getChildCount();

    int childL = this.padding;

    int childT = this.padding;

    ...

}

3、添加LayoutParams

TextView、ImageView这些在RelativeLayout中都有layout_centerVertical垂直居中选项，这是RelativeLayout的LayoutParams里面的属性，实际上layout_width、layout_height也是LayoutParams里面的属性。

垂直居中效果图：

Android自定义ViewGroup

修改布局文件

<com.besttimer.study.myviewgrouptest.CustomViewGroup

    android:layout_width="300dp"

    android:layout_height="100dp"

    android:background="#ff000000"

    app:padding="10dp">

    <com.besttimer.study.myviewgrouptest.CustomView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:background="#ffff0000" />

    <com.besttimer.study.myviewgrouptest.CustomView

        android:layout_width="wrap_content"

        android:layout_height="50dp"

        android:background="#ff00ff00"

        app:layout_centerVertical="true" />

    <com.besttimer.study.myviewgrouptest.CustomView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:background="#ff0000ff" />

</com.besttimer.study.myviewgrouptest.CustomViewGroup>

修改xxx.xml文件

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <declare-styleable name="CustomViewGroup_attrs">

        <attr name="padding" format="dimension" />

        <attr name="layout_centerVertical" format="boolean" />

    </declare-styleable>

</resources>

为CustomViewGroup添加自定义LayoutParams

public static class LayoutParams extends ViewGroup.LayoutParams {

    public LayoutParams(Context c, AttributeSet attrs) {

        super(c, attrs);

        this.init(c, attrs);

    }

    private boolean layout_centerVertical = false;//是否垂直居中

    private void init(Context c, AttributeSet attrs) {

        TypedArray a = c.obtainStyledAttributes(attrs, R.styleable.CustomViewGroup_attrs);

        //获取layout_centerInParent值

        this.layout_centerVertical = a.getBoolean(R.styleable.CustomViewGroup_attrs_layout_centerVertical, false);

        //记得回收

        a.recycle();

    }

}

@Override

public LayoutParams generateLayoutParams(AttributeSet attrs) {

    return new LayoutParams(this.getContext(), attrs);

}

修改测量和摆放方法

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    ...

    for (int index = 0; index < childCount; index++) {

        View childView = this.getChildAt(index);

        //以MeasureSpec.EXACTLY定义测量值

        int childNewHeight = childHeight;

        CustomViewGroup.LayoutParams layoutParams = (LayoutParams) childView.getLayoutParams();

        //如果大于0说明传了一个具体的数值

        if (layoutParams.height > 0) {

            childNewHeight = layoutParams.height;

        }

        int widthMeasureSpec_child = MeasureSpec.makeMeasureSpec(childWidth, MeasureSpec.EXACTLY);

        int heightMeasureSpec_child = MeasureSpec.makeMeasureSpec(childNewHeight, MeasureSpec.EXACTLY);

        //此方法将会调用childView.onMeasure(int widthMeasureSpec, int heightMeasureSpec)

        childView.measure(widthMeasureSpec_child, heightMeasureSpec_child);

    }

    ...

}
@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

    ...

    for (int index = 0; index < childCount; index++) {

        View childView = this.getChildAt(index);

        //经过onMeasure计算后，在此方法中已经可以获取大小了

        int childMeasureWidth = childView.getMeasuredWidth();

        int childMeasureHeight = childView.getMeasuredHeight();

        //并排摆放

        CustomViewGroup.LayoutParams layoutParams = (LayoutParams) childView.getLayoutParams();

        int childNewT = childT;

        if (layoutParams.layout_centerVertical) {

            childNewT += (b - t - this.padding * 2 - childMeasureHeight) / 2;

        }

        childView.layout(childL, childNewT, childL + childMeasureWidth, childNewT + childMeasureHeight);

        childL += childMeasureWidth;

    }

}

其中layout_width和layout_height是ViewGroup.LayoutParams的属性，已经实现好了获取逻辑，直接用就是了。

源代码地址：http://files.cnblogs.com/files/linyibiao/AndroidProject.zip

上一篇：使用unidac 连接FB 3.0 （含嵌入版）


下一篇：十一、三星平台framebuffer驱动