自定义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;
}
}
}

秒客网

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

相关文章