android view繪制

先看看 view 基于整個屏幕分布的概況


20150528211309106.png

首先要明確view是屏幕繪制的入口

那么View的繪制是從哪里開始的呢次企,我們知道每個Activity 均會創(chuàng)建一個PhoneWindow對象腕够,
是Activity和整個View系統(tǒng)交互的接口剩彬,每個Window都對應著一個View和一個ViewRootImpl,
Window和View通過ViewRootImpl來建立聯(lián)系,對于Activity來說撮珠,ViewRootImpl是連接
WindowManager和DecorView的紐帶,繪制的入口是由ViewRootImpl的performTraversals方法
來發(fā)起Measure酱酬,Layout实柠,Draw等流程的丙曙。。

再來個圖來補充一下PhoneWindow:

503290-20151104115213477-1270385950.jpg

整個流程的大致流程圖:

20150529090922419.png

看看源碼:

private void performTraversals() {
        ......
        //最外層的根視圖的widthMeasureSpec和heightMeasureSpec由來
        //lp.width和lp.height在創(chuàng)建ViewGroup實例時等于MATCH_PARENT
        int childWidthMeasureSpec = getRootMeasureSpec(mWidth, lp.width);
        int childHeightMeasureSpec = getRootMeasureSpec(mHeight, lp.height);
        ......
        mView.measure(childWidthMeasureSpec, childHeightMeasureSpec);
        ......
        mView.layout(0, 0, mView.getMeasuredWidth(), mView.getMeasuredHeight());
        ......
        mView.draw(canvas);
        ......
    }

概況了解清楚了那么翅萤,來具體看看

measure()恐疲、layout()、draw()的具體流程

measure()

首先看看其整體的過程


20150529163050000.png

開始measure之前要明確一個概念MeasureSpec(測量規(guī)格),MeasureSpec是一個大小跟模式的組合值培己,控件自身的大小是受到MeasureSpec下的mode,size兩個值共同來決定的

  @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        widthMode=MeasureSpec.getMode(widthMeasureSpec);
        hightMode=MeasureSpec.getMode(heightMeasureSpec);
        width = MeasureSpec.getSize(widthMeasureSpec);
        hight = MeasureSpec.getSize(heightMeasureSpec);
    }

就是在子控件正要放置自己的位置時糜烹,父控件會通過MeasureSpec這個對象來問子控件,“你想要用多大地方笆?”诸迟;然后子控件通過一系列的操作來放置控件茸炒!

MeasureSpec的mode一共有三種模式:

UPSPECIFIED : 父容器對于子容器沒有任何限制,子容器想要多大就多大
EXACTLY: 父容器已經(jīng)為子容器設置了尺寸,子容器應當服從這些邊界,不論子容器想要多大的空間。
AT_MOST:子容器可以是聲明大小內(nèi)的任意大小

根據(jù)mode,size 共同決定的子控件最終的大姓笪:

父View的MeasureSpec 是EXACTLY壁公,說明父View的大小是確切的,(確切的意思很好理解绅项,如果一個View的MeasureSpec 是EXACTLY紊册,那么它的size 是多大,最后展示到屏幕就一定是那么大)快耿。

父View的MeasureSpec 是AT_MOST囊陡,說明父View的大小是不確定,最大的大小是MeasureSpec 的size值掀亥,不能超過這個值撞反。

父View的MeasureSpec 是UNSPECIFIED(未指定),表示沒有任何束縛和約束,不像AT_MOST表示最大只能多大搪花,不也像EXACTLY表示父View確定的大小遏片,子View可以得到任意想要的大小,不受約束

503290-20151119171702515-1341567594.png

好了 這是大概的流程撮竿,下面來個具體的示例:
布局如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"    
   android:id="@+id/linear"
   android:layout_width="match_parent"    
   android:layout_height="wrap_content"    
   android:layout_marginTop="50dp"    
   android:background="@android:color/holo_blue_dark"    
   android:paddingBottom="70dp"    
   android:orientation="vertical">    
   <TextView        
    android:id="@+id/text"       
    android:layout_width="match_parent"     
    android:layout_height="wrap_content"  
    android:background="@color/material_blue_grey_800"       
    android:text="TextView"        
    android:textColor="@android:color/white"        
    android:textSize="20sp" />    
   <View       
      android:id="@+id/view"       
     android:layout_width="match_parent" 
     android:layout_height="150dp"    
     android:background="@android:color/holo_green_dark" />
</LinearLayout>

屏幕顯示樣式如下:

966283-4a11f92ac8c5e224.png

整個圖是一個DecorView,DecorView可以理解成整個頁面的View,DecorView是一個FrameLayout,包含兩個子View吮便,一個id=statusBarBackground的View和一個是LineaLayout,id=statusBarBackground的View幢踏,而這個LinearLayout比較重要髓需,它包含一個title和一個content,title很好理解其實就是TitleBar或者ActionBar,content 就更簡單了惑折,setContentView()方法你應該用過吧授账,android.R.id.content 你應該聽過吧,沒錯就是它,content是一個FrameLayout惨驶,你寫的頁面布局通過setContentView加進來就成了content的直接子View白热。

966283-4096801e91e2eccc.png

繪制的流程是這樣、詳情請參考
http://www.reibang.com/p/5a71014e7b1b

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末粗卜,一起剝皮案震驚了整個濱河市屋确,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖攻臀,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件焕数,死亡現(xiàn)場離奇詭異,居然都是意外死亡刨啸,警方通過查閱死者的電腦和手機堡赔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來设联,“玉大人善已,你說我怎么就攤上這事±肜” “怎么了换团?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長宫蛆。 經(jīng)常有香客問我艘包,道長,這世上最難降的妖魔是什么耀盗? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任想虎,我火速辦了婚禮,結(jié)果婚禮上袍冷,老公的妹妹穿的比我還像新娘磷醋。我一直安慰自己,他們只是感情好胡诗,可當我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布邓线。 她就那樣靜靜地躺著,像睡著了一般煌恢。 火紅的嫁衣襯著肌膚如雪骇陈。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天瑰抵,我揣著相機與錄音你雌,去河邊找鬼。 笑死二汛,一個胖子當著我的面吹牛婿崭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播肴颊,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼氓栈,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了婿着?” 一聲冷哼從身側(cè)響起授瘦,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤醋界,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后提完,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體形纺,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年徒欣,在試婚紗的時候發(fā)現(xiàn)自己被綠了逐样。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡打肝,死狀恐怖官研,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情闯睹,我是刑警寧澤,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布担神,位于F島的核電站楼吃,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏妄讯。R本人自食惡果不足惜孩锡,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望亥贸。 院中可真熱鬧躬窜,春花似錦、人聲如沸炕置。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽朴摊。三九已至默垄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間甚纲,已是汗流浹背口锭。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留介杆,地道東北人鹃操。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像春哨,于是被迫代替她去往敵國和親荆隘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,678評論 2 354

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