自己定义ViewGroup控件----->流式布局进阶

Posted 2020-09-29 slgkaifa

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;
		}
	}
}