Android自定義ViewGroup

概述:

ViewGroup作爲一個放置View的容器,並且我們在寫佈局xml的時候,會告訴容器(凡是以layout爲開頭的屬性,都是爲用於告訴容器的),我們的寬度(layout_width)、高度(layout_height)、對齊方式(layout_gravity)等;當然還有margin等;於是乎,ViewGroup需要做的事情是:給childView計算出建議的寬和高和測量模式 ;決定childView的位置;爲什麼只是建議的寬和高,而不是直接確定呢,別忘了childView寬和高可以設置爲wrap_content,這樣只有childView才能計算出自己的寬和高。

Demo:

新建一個類繼承於ViewGroup

public class MyGroupView extends ViewGroup {

    private int width;
    private int height;

    public MyGroupView(Context context) {
        super(context);
    }

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getDefaultSize(getSuggestedMinimumWidth(),widthMeasureSpec);
        height = getDefaultSize(getSuggestedMinimumHeight(),heightMeasureSpec);
        //確定子控件的位置以及尺寸
        measureChildren(width,height);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        View child1 = getChildAt(0);
        View child2 = getChildAt(1);
        View child3 = getChildAt(2);
        View child4 = getChildAt(3);
        //確定每個子控件的位置
        if(child1!=null){
            child1.layout(0,0,child1.getMeasuredWidth(),child1.getMeasuredHeight());
        }
        if(child2!=null){
            child2.layout(r-child2.getMeasuredWidth(),0,r,child2.getMeasuredHeight());
        }
        if(child3!=null){
            child3.layout(0,b-child3.getMeasuredHeight(),child3.getMeasuredWidth(),b);
        }
        if(child4!=null){
            child4.layout(r-child4.getMeasuredWidth(),b-child4.getMeasuredHeight(),r,b);
        }
    }

}

在佈局中調用自定義ViewGroup,並在裏面插入幾個Button類子控件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                tools:context=".MainActivity">

    <com.example.administrator.selfishgroupview.my_groupview.MyGroupView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button
            android:layout_width="200dp"
            android:layout_height="200dp"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="100dp"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="100dp"/>

        <Button
            android:layout_width="200dp"
            android:layout_height="200dp"/>
    </com.example.administrator.selfishgroupview.my_groupview.MyGroupView>

</RelativeLayout>

演示結果:
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章