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



posted @ 2017-06-09 19:40  jhcelue  阅读(212)  评论(0编辑  收藏  举报