自定義控件顯示(customViewGroupshow)

View與ViewGroup
Android中的View與我們以前理解的“視圖”不同疚鲤。
Android中,View比視圖具有更廣的含義征懈,它包含了用戶交互和顯示石咬,更像Windows操作系統(tǒng)中的window揩悄。
ViewGroup是View的子類卖哎,所以它也具有View的特性,但它主要用來充當(dāng)View的容器删性,將其中的View視作自己的孩子亏娜,對它的子View進行管理,當(dāng)然它的孩子也可以是ViewGroup類型蹬挺。
ViewGroup(樹根)和它的孩子們(View和ViewGroup)以樹形結(jié)構(gòu)形成了一個層次結(jié)構(gòu)维贺,View類有接受和處理消息的功能,android系統(tǒng)所產(chǎn)生的消息會在這些ViewGroup和 View之間傳遞巴帮。

View繪制 和 ViewGroup繪制的區(qū)別


                      View                      ViewGroup

Measure     onMeasure            onMeasure

Layout                                       onLayout

Draw            onDraw                 

當(dāng)繼承一個ViewGroup的時候 必須重寫一個方法 onLayout 傳入?yún)?shù)

(boolean changed, int l, int t, int r, int b)含義

view跟父容器的距離 l 左邊距離父容器左邊的距離 t view的上邊距離父容器上邊的距離

r view的右邊距離父容器左邊的距離 b view的下邊距離父容器上邊的距離

從寫了這個onLayout之后 需要調(diào)用它的每一個子view的layout方法 為這個子View分配一個現(xiàn)實的空間 如果不調(diào)用子view的layout方法

這個子View在Viewgroup中沒有顯示

只有當(dāng)子View的layout方法調(diào)用之后 才可以通過view.getHeight 和 view.getWidth獲取這個view的寬高

這個寬高 是父容器在layout階段設(shè)置的值

如果在layout階段之前想獲取view的測量高度和寬度

需要主動調(diào)用view.measure方法 view.measure(0,0)

測完之后 可以獲取到 測量高度和測量寬度

view.getMeasuredHeight()

view.getMeasuredWidth();

自定義一個MyViewGroup extends ViewGroup:

package test.pgl.com.a_onlayout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.ViewGroup;

/**
 * Created by Administrator on 2017/5/28.
 */

public class MyViewGroup extends ViewGroup {

    public MyViewGroup(Context context, AttributeSet attrs) {

        super(context, attrs);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {

    }
}

布局代碼:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="test.pgl.com.a_onlayout.MainActivity">

    <TextView android:layout_width="wrap_content"
        android:textSize="20dp"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
    <test.pgl.com.a_onlayout.MyViewGroup
        android:background="#999"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView android:layout_width="wrap_content"
            android:textColor="#ff00"
            android:textSize="20dp"
            android:layout_height="wrap_content"
            android:text="Hello --World!" />
    </test.pgl.com.a_onlayout.MyViewGroup>
</LinearLayout>

一個原生一個自定義 進行比較:

運行:

Paste_Image.png

發(fā)現(xiàn)自定義看不見:
這是因為在重寫的onLayout方法中沒有去給孩子指定空間(大小) 指定位置;

然而不知道孩子這個控件有大,直接給個位置大小不合適:
所以重寫onMeasure(Measure:測量)方法:
測量出孩子控件的大小,在onLayout方法中給他指定空間(大小) 指定位置

重寫onMeasure(Measure:測量)方法 注意一點:

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因為MyViewGroup中就一個子控件所以得到它的View對象:
        View childView = getChildAt(0);
         int height = childView.getHeight();
        int width = childView.getWidth();
        //調(diào)用measure方法對這個View進行測量 傳入0,0 意思 就是不對測量做影響 直接返回大小
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

要想獲取子控件的大小得:

  @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因為MyViewGroup中就一個子控件所以得到它的View對象:
        View childView = getChildAt(0);
//         int height = childView.getHeight();
//        int width = childView.getWidth();
        //調(diào)用measure方法對這個View進行測量 傳入0,0 意思 就是不對測量做影響 直接返回大小
        childView.measure(0,0);
        int height = childView.getMeasuredHeight();
        int width = childView.getMeasuredWidth();
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

將寬高在布局中指定:

package test.pgl.com.a_onlayout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

/**
 * Created by Administrator on 2017/5/28.
 */

public class MyViewGroup extends ViewGroup {

    private int height;
    private int width;

    public MyViewGroup(Context context, AttributeSet attrs) {

        super(context, attrs);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        View childView = getChildAt(0);
        childView.layout(0,0,width,height);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因為MyViewGroup中就一個子控件所以得到它的View對象:
        View childView = getChildAt(0);
//         int height = childView.getHeight();
//        int width = childView.getWidth();
        //調(diào)用measure方法對這個View進行測量 傳入0,0 意思 就是不對測量做影響 直接返回大小
        childView.measure(0,0);
        height = childView.getMeasuredHeight();
        width = childView.getMeasuredWidth();
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

運行:


Paste_Image.png

還有一個注意的地方:

package test.pgl.com.a_onlayout;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

/**
 * Created by Administrator on 2017/5/28.
 */

public class MyViewGroup extends ViewGroup {

    private int height;
    private int width;

    public MyViewGroup(Context context, AttributeSet attrs) {

        super(context, attrs);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        View childView = getChildAt(0);
        int height1 = childView.getHeight();
        int width1 = childView.getWidth();
        Log.e("MyViewGroup","height1=="+height1+"  width1=="+width1+" layout之前");
        childView.layout(0,0,width,height);
        int height2 = childView.getHeight();
        int width2 = childView.getWidth();
        Log.e("MyViewGroup","height2=="+height1+"  width2=="+width1+" layout之后");
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因為MyViewGroup中就一個子控件所以得到它的View對象:
        View childView = getChildAt(0);
//         int height = childView.getHeight();
//        int width = childView.getWidth();
//      這里的  height  width是onLayout中賦值后的值
        
        //調(diào)用measure方法對這個View進行測量 傳入0,0 意思 就是不對測量做影響 直接返回大小
        childView.measure(0,0);
        height = childView.getMeasuredHeight();
        width = childView.getMeasuredWidth();
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

運行:

05-28 11:27:10.039 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height1==0  width1==0 layout之前
05-28 11:27:10.039 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height2==0  width2==0 layout之后
05-28 11:27:10.050 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height1==71  width1==316 layout之前
05-28 11:27:10.051 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height2==71  width2==316 layout之后

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末溯泣,一起剝皮案震驚了整個濱河市虐秋,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌垃沦,老刑警劉巖客给,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異肢簿,居然都是意外死亡靶剑,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門池充,熙熙樓的掌柜王于貴愁眉苦臉地迎上來桩引,“玉大人,你說我怎么就攤上這事收夸】咏常” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵卧惜,是天一觀的道長笛辟。 經(jīng)常有香客問我,道長序苏,這世上最難降的妖魔是什么手幢? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮忱详,結(jié)果婚禮上围来,老公的妹妹穿的比我還像新娘。我一直安慰自己匈睁,他們只是感情好监透,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著航唆,像睡著了一般胀蛮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上糯钙,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天粪狼,我揣著相機與錄音,去河邊找鬼任岸。 笑死再榄,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的享潜。 我是一名探鬼主播困鸥,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼剑按!你這毒婦竟也來了疾就?” 一聲冷哼從身側(cè)響起澜术,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎猬腰,沒想到半個月后瘪板,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡漆诽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年侮攀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厢拭。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡兰英,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出供鸠,到底是詐尸還是另有隱情畦贸,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布楞捂,位于F島的核電站薄坏,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏寨闹。R本人自食惡果不足惜胶坠,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望繁堡。 院中可真熱鬧沈善,春花似錦、人聲如沸椭蹄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽绳矩。三九已至罩润,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間翼馆,已是汗流浹背割以。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留写妥,地道東北人拳球。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓审姓,卻偏偏與公主長得像珍特,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子魔吐,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容