AndroidView布局流程(Layout)全面解析

前言

目前成都創(chuàng)新互聯(lián)已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機、網(wǎng)站托管運營、企業(yè)網(wǎng)站設(shè)計、南陽網(wǎng)站維護等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。

上一篇文章,筆者詳細講述了View三大工作流程的第一個,Measure流程,如果對測量流程還不熟悉的讀者可以參考一下上一篇文章。測量流程主要是對View樹進行測量,獲取每一個View的測量寬高,那么有了測量寬高,就是要進行布局流程了,布局流程相對測量流程來說簡單許多。那么我們開始對layout流程進行詳細的解析。

ViewGroup的布局流程

上一篇文章提到,三大流程始于ViewRootImpl#performTraversals方法,在該方法內(nèi)通過調(diào)用performMeasure、performLayout、performDraw這三個方法來進行measure、layout、draw流程,那么我們就從performLayout方法開始說,我們先看它的源碼:

private void performLayout(WindowManager.LayoutParams lp, int desiredWindowWidth,
 int desiredWindowHeight) {
 mLayoutRequested = false;
 mScrollMayChange = true;
 mInLayout = true;

 final View host = mView;
 if (DEBUG_ORIENTATION || DEBUG_LAYOUT) {
 Log.v(TAG, "Laying out " + host + " to (" +
  host.getMeasuredWidth() + ", " + host.getMeasuredHeight() + ")");
 }

 Trace.traceBegin(Trace.TRACE_TAG_VIEW, "layout");
 try {
 host.layout(0, 0, host.getMeasuredWidth(), host.getMeasuredHeight()); // 1

 //省略...
 } finally {
 Trace.traceEnd(Trace.TRACE_TAG_VIEW);
 }
 mInLayout = false;
}

由上面的代碼可以看出,直接調(diào)用了①號的host.layout方法,host也就是DecorView,那么對于DecorView來說,調(diào)用layout方法,就是對它自身進行布局,注意到傳遞的參數(shù)分別是0,0,host.getMeasuredWidth,host.getMeasuredHeight,它們分別代表了一個View的上下左右四個位置,顯然,DecorView的左上位置為0,然后寬高為它的測量寬高。由于View的layout方法是final類型,子類不能重寫,因此我們直接看View#layout方法即可:

public void layout(int l, int t, int r, int b) {
 if ((mPrivateFlags3 & PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT) != 0) {
 onMeasure(mOldWidthMeasureSpec, mOldHeightMeasureSpec);
 mPrivateFlags3 &= ~PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT;
 }

 int oldL = mLeft;
 int oldT = mTop;
 int oldB = mBottom;
 int oldR = mRight;

 boolean changed = isLayoutModeOptical(mParent) ?
  setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b); // 1

 if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
 onLayout(changed, l, t, r, b);  // 2
 mPrivateFlags &= ~PFLAG_LAYOUT_REQUIRED;

 ListenerInfo li = mListenerInfo;
 if (li != null && li.mOnLayoutChangeListeners != null) {
  ArrayList<OnLayoutChangeListener> listenersCopy =
   (ArrayList<OnLayoutChangeListener>)li.mOnLayoutChangeListeners.clone();
  int numListeners = listenersCopy.size();
  for (int i = 0; i < numListeners; ++i) {
  listenersCopy.get(i).onLayoutChange(this, l, t, r, b, oldL, oldT, oldR, oldB);
  }
 }
 }

 mPrivateFlags &= ~PFLAG_FORCE_LAYOUT;
 mPrivateFlags3 |= PFLAG3_IS_LAID_OUT;
}

首先看①號代碼,調(diào)用了setFrame方法,并把四個位置信息傳遞進去,這個方法用于確定View的四個頂點的位置,即初始化mLeft,mRight,mTop,mBottom這四個值,當(dāng)初始化完畢后,ViewGroup的布局流程也就完成了
那么,我們先看View#setFrame方法:

protected boolean setFrame(int left, int top, int right, int bottom) {
 //省略...

 mLeft = left;
 mTop = top;
 mRight = right;
 mBottom = bottom;
 mRenderNode.setLeftTopRightBottom(mLeft, mTop, mRight, mBottom);

 //省略...
 return changed;
}

可以看出,它對mLeft、mTop、mRight、mBottom這四個值進行了初始化,對于每一個View,包括ViewGroup來說,以上四個值保存了Viwe的位置信息,所以這四個值是最終寬高,也即是說,如果要得到View的位置信息,那么就應(yīng)該在layout方法完成后調(diào)用getLeft()、getTop()等方法來取得最終寬高,如果是在此之前調(diào)用相應(yīng)的方法,只能得到0的結(jié)果,所以一般我們是在onLayout方法中獲取View的寬高信息。

在設(shè)置ViewGroup自身的位置完成后,我們看到會接著調(diào)用②號方法,即onLayout()方法,該方法在ViewGroup中調(diào)用,用于確定子View的位置,即在該方法內(nèi)部,子View會調(diào)用自身的layout方法來進一步完成自身的布局流程。由于不同的布局容器的onMeasure方法均有不同的實現(xiàn),因此不可能對所有布局方式都說一次,另外上一篇文章是用FrameLayout#onMeasure進行講解的,那么現(xiàn)在也對FrameLayout#onLayout方法進行講解:

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

 //把父容器的位置參數(shù)傳遞進去
 layoutChildren(left, top, right, bottom, false /* no force left gravity */);
}

void layoutChildren(int left, int top, int right, int bottom,
     boolean forceLeftGravity) {
 final int count = getChildCount();

 //以下四個值會影響到子View的布局參數(shù)
 //parentLeft由父容器的padding和Foreground決定
 final int parentLeft = getPaddingLeftWithForeground();
 //parentRight由父容器的width和padding和Foreground決定
 final int parentRight = right - left - getPaddingRightWithForeground();

 final int parentTop = getPaddingTopWithForeground();
 final int parentBottom = bottom - top - getPaddingBottomWithForeground();

 for (int i = 0; i < count; i++) {
 final View child = getChildAt(i);
 if (child.getVisibility() != GONE) {
  final LayoutParams lp = (LayoutParams) child.getLayoutParams();

  //獲取子View的測量寬高
  final int width = child.getMeasuredWidth();
  final int height = child.getMeasuredHeight();

  int childLeft;
  int childTop;

  int gravity = lp.gravity;
  if (gravity == -1) {
  gravity = DEFAULT_CHILD_GRAVITY;
  }

  final int layoutDirection = getLayoutDirection();
  final int absoluteGravity = Gravity.getAbsoluteGravity(gravity, layoutDirection);
  final int verticalGravity = gravity & Gravity.VERTICAL_GRAVITY_MASK;

  //當(dāng)子View設(shè)置了水平方向的layout_gravity屬性時,根據(jù)不同的屬性設(shè)置不同的childLeft
  //childLeft表示子View的 左上角坐標X值
  switch (absoluteGravity & Gravity.HORIZONTAL_GRAVITY_MASK) {

  /* 水平居中,由于子View要在水平中間的位置顯示,因此,要先計算出以下:
   * (parentRight - parentLeft -width)/2 此時得出的是父容器減去子View寬度后的
   * 剩余空間的一半,那么再加上parentLeft后,就是子View初始左上角橫坐標(此時正好位于中間位置),
   * 假如子View還受到margin約束,由于leftMargin使子View右偏而rightMargin使子View左偏,所以最后
   * 是 +leftMargin -rightMargin .
   */
  case Gravity.CENTER_HORIZONTAL:
   childLeft = parentLeft + (parentRight - parentLeft - width) / 2 +
   lp.leftMargin - lp.rightMargin;
   break;

  //水平居右,子View左上角橫坐標等于 parentRight 減去子View的測量寬度 減去 margin
  case Gravity.RIGHT:
   if (!forceLeftGravity) {
   childLeft = parentRight - width - lp.rightMargin;
   break;
   }

  //如果沒設(shè)置水平方向的layout_gravity,那么它默認是水平居左
  //水平居左,子View的左上角橫坐標等于 parentLeft 加上子View的magin值
  case Gravity.LEFT:
  default:
   childLeft = parentLeft + lp.leftMargin;
  }

  //當(dāng)子View設(shè)置了豎直方向的layout_gravity時,根據(jù)不同的屬性設(shè)置同的childTop
  //childTop表示子View的 左上角坐標的Y值
  //分析方法同上
  switch (verticalGravity) {
  case Gravity.TOP:
   childTop = parentTop + lp.topMargin;
   break;
  case Gravity.CENTER_VERTICAL:
   childTop = parentTop + (parentBottom - parentTop - height) / 2 +
   lp.topMargin - lp.bottomMargin;
   break;
  case Gravity.BOTTOM:
   childTop = parentBottom - height - lp.bottomMargin;
   break;
  default:
   childTop = parentTop + lp.topMargin;
  }

  //對子元素進行布局,左上角坐標為(childLeft,childTop),右下角坐標為(childLeft+width,childTop+height)
  child.layout(childLeft, childTop, childLeft + width, childTop + height);
 }
 }
}

由源碼看出,onLayout方法內(nèi)部直接調(diào)用了layoutChildren方法,而layoutChildren則是具體的實現(xiàn)。
先梳理一下以上邏輯:首先先獲取父容器的padding值,然后遍歷其每一個子View,根據(jù)子View的layout_gravity屬性、子View的測量寬高、父容器的padding值、來確定子View的布局參數(shù),然后調(diào)用child.layout方法,把布局流程從父容器傳遞到子元素。

那么,現(xiàn)在就分析完了ViewGroup的布局流程,那么我們接著分析子元素的布局流程。

子View的布局流程

子View的布局流程也很簡單,如果子View是一個ViewGroup,那么就會重復(fù)以上步驟,如果是一個View,那么會直接調(diào)用View#layout方法,根據(jù)以上分析,在該方法內(nèi)部會設(shè)置view的四個布局參數(shù),接著調(diào)用onLayout方法,我們看看View#onLayout方法:

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
}

這是一個空實現(xiàn),主要作用是在我們的自定義View中重寫該方法,實現(xiàn)自定義的布局邏輯。

那么到目前為止,View的布局流程就已經(jīng)全部分析完了??梢钥闯觯季至鞒痰倪壿嬒啾葴y量流程來說,簡單許多,獲取一個View的測量寬高是比較復(fù)雜的,而布局流程則是根據(jù)已經(jīng)獲得的測量寬高進而確定一個View的四個位置參數(shù)。在下一篇文章,將會講述最后一個流程:繪制流程。希望這篇文章給大家對View的工作流程的理解帶來幫助,謝謝閱讀。

更多閱讀

Android View 測量流程(Measure)完全解析
Android View 繪制流程(Draw) 完全解析

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

文章題目:AndroidView布局流程(Layout)全面解析
URL標題:http://muchs.cn/article16/jejjdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、云服務(wù)器、網(wǎng)站內(nèi)鏈、微信公眾號、手機網(wǎng)站建設(shè)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化