自定义ViewGroup控件（二）----->流式布局进阶（二）

main.xml

<?xml version="1.0" encoding="utf-8"?>
<com.example.SimpleLayout.MyLinLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ff00ff"
    tools:context=".MainActivity" >
<!-- 在XML中添加上layout_margin参数 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:background="#ff0000"
        android:text="第一个VIEW" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:background="#00ff00"
        android:text="第二个VIEW" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:background="#0000ff"
        android:text="第三个VIEW" />

</com.example.SimpleLayout.MyLinLayout>

MainActivity

package com.example.SimpleLayout;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

MyLinLayout

package com.example.SimpleLayout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

/**
 * /** onMeasure()：测量自己的大小，自己的大小，为正式布局提供建议。（注意，只是建议，至于用不用，要看onLayout）;
 * onLayout():使用layout()函数对所有子控件布局； onDraw():根据布局的位置绘图；
 *
 */
public class MyLinLayout extends ViewGroup {
	/**
	 * 构造函数--二话不说，直接写出三个来
	 *
	 * @param context
	 */
	public MyLinLayout(Context context) {
		super(context);
	}

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

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

	/**
	 * 如果要自定义ViewGroup支持子控件的layout_margin参数，
	 * 则自定义的ViewGroup类必须重载generateLayoutParams
	 * ()函数，并且在该函数中返回一个ViewGroup.MarginLayoutParams派生类对象，这样才能使用margin参数。
	 */
	@Override
	protected LayoutParams generateLayoutParams(LayoutParams p) {
		return new MarginLayoutParams(p);
	}

	/**
	 * 从指定的XML中获取对应的layout_width和layout_height值
	 */
	// 如果我们还需要margin相关的参数就只能重写generateLayoutParams（）函数了：
	@Override
	public LayoutParams generateLayoutParams(AttributeSet attrs) {
		return new MarginLayoutParams(getContext(), attrs);
	}

	/**
	 * generateDefaultLayoutParams（）函数。 直接返回对应的MarginLayoutParams（）的实例
	 */
	/**
	 * 如果要使用默认的构造方法，就生成layout_width="wrap_content"、layout_height="wrap_content"
	 * 对应的参数
	 */
	/**
	 * 为什么非要重写generateLayoutParams（）函数了，就是因为默认的generateLayoutParams（）
	 * 函数只会提取layout_width
	 * 、layout_height的值，只有MarginLayoutParams（）才具有提取margin间距的功能！！！！
	 */
	@Override
	protected LayoutParams generateDefaultLayoutParams() {
		return new MarginLayoutParams(LayoutParams.WRAP_CONTENT,
				LayoutParams.WRAP_CONTENT);
	}

	/**
	 * 此ViewGroup的宽高属性 android:layout_width="match_parent"--EXACTLY(确定)
	 * android:layout_height="wrap_content"--AT_MOST(不确定)
	 *
	 * 他们是父类传递过来给当前view的一个建议值,建议值，即想把当前view的尺寸设置为宽widthMeasureSpec,
	 * 高heightMeasureSpec
	 *
	 * ②、EXACTLY(完全)，父元素决定自元素的确切大小，子元素将被限定在给定的边界里而忽略它本身大小；
	 * ③、AT_MOST(至多)，子元素至多达到指定大小的值。
	 */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		// 宽度、高度
		int measureWidth = MeasureSpec.getSize(widthMeasureSpec);
		int measureHeight = MeasureSpec.getSize(heightMeasureSpec);
		// 测量模式
		int measureWidthMode = MeasureSpec.getMode(widthMeasureSpec);
		int measureHeightMode = MeasureSpec.getMode(heightMeasureSpec);
		// 初始化ViewGroup宽、高
		int viewGroupHeight = 0;
		int viewGroupWidth = 0;
		// 获取viewGroup中的每个孩子View,进行遍历
		int count = getChildCount();
		for (int i = 0; i < count; i++) {
			// 依次获取每个孩子View对象
			View child = getChildAt(i);
			// 测量每个孩子View，将父类的模式传进去--点开看源码
			measureChild(child, widthMeasureSpec, heightMeasureSpec);

			// 获取MarginLayoutParams布局参数！！！！！！！！！！！！！！！！！！！！！！！
			/**
			 * 由于generateLayoutParams()的返回值是LayoutParams实例，
			 * 而MarginLayoutParams是派生自LayoutParam的
			 * ；所以根据类的多态的特性，可以直接将此时的LayoutParams实例直接强转成MarginLayoutParams实例；
			 * 所以下面这句在这里是不会报错的：
			 */
			MarginLayoutParams lp = (MarginLayoutParams) child
					.getLayoutParams();
			int childHeight = child.getMeasuredHeight() + lp.topMargin
					+ lp.bottomMargin;
			int childWidth = child.getMeasuredWidth() + lp.leftMargin
					+ lp.rightMargin;

			// ViewGroup高度递增
			viewGroupHeight += childHeight;
			// ViewGroup宽度取最大值
			viewGroupWidth = Math.max(childWidth, viewGroupWidth);
		}

		// ViewGroup的宽不需要测量直接"match_parent"--EXACTLY
		// 高是"wrap_content"--AT_MOST，需要累加得到高度
		/**
		 * ②、EXACTLY(完全)，父元素决定自元素的确切大小，子元素将被限定在给定的边界里而忽略它本身大小；
		 * ③、AT_MOST(至多)，子元素至多达到指定大小的值。
		 */
		setMeasuredDimension(
				(measureWidthMode == MeasureSpec.EXACTLY) ? measureWidth
						: viewGroupWidth,
				(measureHeightMode == MeasureSpec.EXACTLY) ? measureHeight
						: viewGroupHeight);
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		int top = 0;
		int count = getChildCount();
		for (int i = 0; i < count; i++) {

			View child = getChildAt(i);
			// 获取MarginLayoutParams布局参数！！！！！！！！！！！！！！！！！！！！
			MarginLayoutParams lp = (MarginLayoutParams) child
					.getLayoutParams();
			int childHeight = child.getMeasuredHeight() + lp.topMargin
					+ lp.bottomMargin;
			int childWidth = child.getMeasuredWidth() + lp.leftMargin
					+ lp.rightMargin;

			child.layout(0, top, childWidth, top + childHeight);
			top += childHeight;
		}
	}
}

版权声明：本文为博主原创文章，未经博主允许不得转载。