首页 > 代码库 > 自己定义ViewGroup控件(一)----->流式布局进阶(一)

自己定义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" > <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 {
	/**
	 * 首先是3个构造器
	 */
	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的宽高属性 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);
			int childHeight = child.getMeasuredHeight();
			int childWidth = child.getMeasuredWidth();
			// 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);
	}

	/**
	 * getMeasureWidth()方法在measure()过程结束后就能够获取到了。而getWidth()方法要在layout()
	 * 过程结束后才干获取到。再重申一遍
	 */
	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		int top = 0;
		// 获取子View的数量
		int count = getChildCount();
		for (int i = 0; i < count; i++) {
			// 依次获取每一个孩子View对象
			View child = getChildAt(i);
			// 获取孩子view的宽高
			int childHeight = child.getMeasuredHeight();
			int childWidth = child.getMeasuredWidth();

			child.layout(0, top, childWidth, top + childHeight);
			// 递增孩子View的top值
			top += childHeight;
		}
	}
}


自己定义ViewGroup控件(一)-----&gt;流式布局进阶(一)