Android自定义ViewGroup的总结

最新推荐文章于 2024-04-04 13:55:58 发布

CoolEgos

最新推荐文章于 2024-04-04 13:55:58 发布

阅读量602

点赞数

分类专栏： Android 文章标签： android 自定义View

本文链接：https://blog.csdn.net/A38017032/article/details/54426616

版权

Android 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

好久没有写博客，一直在用自己的印象笔记记录一些问题。2017年了，想重新的把博客写起来。也希望通过这个平台交一些朋友。

流程

自定义View的流程是：onMeasure()->onLayout()->onDraw()。自定义ViewGroup的时候一般是不要去实现onDraw(ViewGroup如果需要实现onDraw的话需要setWillNotDraw(false)，否则默认开启不绘制的)的，当然也可能有特殊的需求，比如：CoordinatorLayout。

所以onMeasure和onLayout基本能做大部分我们接触的ViewGroup。但是仅仅的知道在onMeasure中测量ViewGroup的大小以及在onLayout中计算Child View的位置还是不够。

比如：怎么可以给ViewGroup的Child View设置属性？

一个例子。
写一个自定义的ViewGroup，增加一个属性控制Child View的大小(长宽)占ViewGroup的比例。

假设是一个LinearLayout，那么就先定义一个CustomLinearLayout。

public class CustomLinearLayout extends LinearLayout {
    public CustomLinearLayout(Context context) {
        super(context);
    }

    public CustomLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public CustomLinearLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
}

其它抛开不说，我们是需要增加属性用来控制Child View的大小。那么就先在value/attr.xml中定义那个属性(使用CustomLinearLayout_Layout来与CustomLinearLayout区分下，当然这个名字是随意的)。

<declare-styleable name="CustomLinearLayout_Layout">
    <!-- 定义比例 -->
    <attr name="inner_percent" format="float"/>
</declare-styleable>

ViewGroup调用addView()的时候最终都会调用到这个方法。

public void addView(View child, int index, LayoutParams params)

这个params代表的就是View的配置，ViewGroup.LayoutParams中就包含了width、height，LinearLayout.LayoutParams增加了weight属性等等。那么我们就应该实现一个LayoutParams。那么现在就是这样了。

public class CustomLinearLayout extends LinearLayout {
    public CustomLinearLayout(Context context) {
        super(context);
    }

    public CustomLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public CustomLinearLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
    public static class LayoutParams extends LinearLayout.LayoutParams {

        private float innerPercent;

        private static final int DEFAULT_WIDTH = WRAP_CONTENT;
        private static final int DEFAULT_HEIGHT = WRAP_CONTENT;

        public LayoutParams() {
            super(DEFAULT_WIDTH, DEFAULT_HEIGHT);
            innerPercent = -1.0f;
        }

        public LayoutParams(float innerPercent) {
            super(DEFAULT_WIDTH, DEFAULT_HEIGHT);
            this.innerPercent = innerPercent;
        }

        public LayoutParams(ViewGroup.LayoutParams p) {
            super(p);
        }

        @TargetApi(Build.VERSION_CODES.KITKAT)
        public LayoutParams(LinearLayout.LayoutParams source) {
            super(source);
        }

        @TargetApi(Build.VERSION_CODES.KITKAT)
        public LayoutParams(LayoutParams source) {
            super(source);
            this.innerPercent = source.innerPercent;
        }

        public LayoutParams(Context c, AttributeSet attrs) {
            super(c, attrs);
            init(c, attrs);
        }

        private void init(Context context, AttributeSet attrs) {
            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomLinearLayout_Layout);
            innerPercent = a.getFloat(R.styleable.CustomLinearLayout_Layout_inner_percent, -1.0f);
            a.recycle();
        }
    }
}

现在就可以在xml使用我们的属性了。

<?xml version="1.0" encoding="utf-8"?>
<com.egos.samples.custom_layout.CustomLinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:id="@+id/test_layout"
    android:background="#ffff0000"
    android:gravity="center"
    android:orientation="vertical">
    <ImageView
        android:text="Egos"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:onClick="add"
        android:background="#ff00ff00"
        app:inner_percent="0.8"/>
</com.egos.samples.custom_layout.CustomLinearLayout>

只是然并软，并没有作用。

那么到底是怎么去控制Child View的大小呢？当然是在onMeasure控制的。addView会执行下面的代码。

requestLayout();
invalidate(true);

这样的话就会重新的走一遍onMeasure()，onLayout()了。实现onMeasure()的方法以后直接去处理Child View的大小，因为我继承的是LinearLayout，所以其实是会处理到measureChildBeforeLayout()。最终是在measureChildBeforeLayout的时候来处理Child View的大小。

@Override 
protected void measureChildWithMargins(View child, int parentWidthMeasureSpec,
                                        int widthUsed, int parentHeightMeasureSpec, int heightUsed) {
    // 在xml强制写成match_parent，然后在这里强制设置成
    if (child != null && child.getLayoutParams() instanceof LayoutParams &&
            ((LayoutParams) child.getLayoutParams()).innerPercent != -1.0f) {
        parentWidthMeasureSpec = MeasureSpec.makeMeasureSpec((int) (MeasureSpec.getSize(parentWidthMeasureSpec) *
                ((LayoutParams) child.getLayoutParams()).innerPercent), MeasureSpec.getMode(parentWidthMeasureSpec));
        parentHeightMeasureSpec = MeasureSpec.makeMeasureSpec((int) (MeasureSpec.getSize(parentHeightMeasureSpec) *
                ((LayoutParams) child.getLayoutParams()).innerPercent), MeasureSpec.getMode(parentHeightMeasureSpec));
        super.measureChildWithMargins(child, parentWidthMeasureSpec, widthUsed,
            parentHeightMeasureSpec, heightUsed);
    } else {
        super.measureChildWithMargins(child, parentWidthMeasureSpec, widthUsed,
                parentHeightMeasureSpec, heightUsed);
    }
}

这样就可以实现最开始的需求了。

其实还有一些细节是需要处理的，下面的代码就是。

/**
 * 当checkLayoutParams返回false的时候就会执行到这里的generateLayoutParams
 */
 @Override
protected LinearLayout.LayoutParams generateLayoutParams(ViewGroup.LayoutParams lp) {
    return super.generateLayoutParams(lp);
}

/**
 * 当addView的时候没有设置LayoutParams的话就会默认执行这里的generateDefaultLayoutParams
 */
@Override
protected LayoutParams generateDefaultLayoutParams() {
    return new LayoutParams();
}

/**
 * 写在xml中属性的时候就会执行这里的generateLayoutParams
 */
@Override
public LayoutParams generateLayoutParams(AttributeSet attrs) {
    return new LayoutParams(getContext(), attrs);
}