Layout过程

一、调用流程

Layout流程也是从perfromTravrsals开始,在调用完测量流程后,又调用了performLayout(),这就是Layout流程的起点。

1. ViewRootImpl # performTraversals()

performTraversals()调用了performLayout()。

// ...
if (didLayout) {
    // 参数分别是窗口的params和窗口的测量宽高
    performLayout(lp, mWidth, mHeight);
    // ...
}
// ...
2. ViewRootImpl # performLayout()

performLayout()调用了DecorView的layout()。

private void performLayout(WindowManager.LayoutParams lp, int desiredWindowWidth,
        int desiredWindowHeight) {
    // ...
    // host就是DecorView
    final View host = mView;
    if (host == null) {
        return;
    }
    
    // ...
    
    try {
        // 调用DecorView的layout(),传入窗口四个顶点的坐标。
        host.layout(0, 0, host.getMeasuredWidth(), host.getMeasuredHeight());
        
        // ...
        
    } finally {
        // ...
    }
    mInLayout = false;
}
3. ViewGroup # layout()

DecorView自身并没有重写layout(),它的父类FrameLayout也没有,所以其实调用的是ViewGroup的layout()。和measure()类似的是,这也是一个final的方法 ,将窗口的顶点坐标传递到View,调用了View的layout()。

@Override
public final void layout(int l, int t, int r, int b) {
    if (!mSuppressLayout && (mTransition == null || !mTransition.isChangingLayout())) {
        // 处理动画
        if (mTransition != null) {
            mTransition.layoutChange(this);
        }
        // 调用View的layout()
        super.layout(l, t, r, b);
    } else {
        // record the fact that we noop'd it; request layout when transition finishes
        mLayoutCalledWhileSuppressed = true;
    }
}
4. View # layout()

layout()中会先调用setFrame()将传入的窗口坐标设置到全局变量,再调用onLayout()去分发layout。

public void layout(int l, int t, int r, int b) {
    // ...
    boolean changed = isLayoutModeOptical(mParent) ?
            setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b);
    if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
        onLayout(changed, l, t, r, b);
        // ...
    }
    // ...
}
5. DecorView # onLayout()

可以写一个demo做下实验,经过上面的步骤,onLayout()调用的确实是DecorView的onLayout()。调用了父类(FrameLayout)的onLayout()。

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    // ...
}
6. FrameLayout # onLayout()

FrameLayout的onLayout()简单的调用勒兹的layoutChildren(),从方法名也能看出开始分发处理子View的layout了。

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    layoutChildren(left, top, right, bottom, false /* no force left gravity */);
}
7. FrameLayout # layoutChildren()

在这个方法里完成了layout的分发。遍历子View,调用子View的layout()。

void layoutChildren(int left, int top, int right, int bottom, boolean forceLeftGravity) {
    
    // ...
    
    for (int i = 0; i < count; i++) {
        final View child = getChildAt(i);
        if (child.getVisibility() != GONE) {
            final LayoutParams lp = (LayoutParams) child.getLayoutParams();
            final int width = child.getMeasuredWidth();
            final int height = child.getMeasuredHeight();
            
            // 从水平和竖直方向对变量做处理...
            
            child.layout(childLeft, childTop, childLeft + width, childTop + height);
        }
    }
}

二、View和ViewGroup中的相关方法

View # layout()
  • 重新设置了最新的四个相对坐标。
  • 调用onDraw()。
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;
    }
    // mXXX是此View相对于父View的相对坐标
    // 先保存下来
    int oldL = mLeft;
    int oldT = mTop;
    int oldB = mBottom;
    int oldR = mRight;
    // setFrame()将mXXX变为传入的参数
    // 四个顶点确定了,View的位置也就确定了
    boolean changed = isLayoutModeOptical(mParent) ?
            setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b);
    if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
        // 调用onLayout()
        onLayout(changed, l, t, r, b);
        // ...
    }
    // ...
}
View # setFrame()

实际上就是重新赋值mLeft、mTop、mRight、mBottom,

protected boolean setFrame(int left, int top, int right, int bottom) {
    // ...
    if (mLeft != left || mRight != right || mTop != top || mBottom != bottom) {
        changed = true;
        // ...
        mLeft = left;
        mTop = top;
        mRight = right;
        mBottom = bottom;
        // ...
        }
        // ...
    }
    return changed;
}
View # onLayout()

View中的onLayout()是空实现,具体实现和具体布局有关,所以没有做统一实现。

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

ViewGroup中并没有做很多工作,而且是一个final的方法,调用了View的layout()。

@Override
public final void layout(int l, int t, int r, int b) {
    if (!mSuppressLayout && (mTransition == null || !mTransition.isChangingLayout())) {
        if (mTransition != null) {
            mTransition.layoutChange(this);
        }
        super.layout(l, t, r, b);
    } else {
        // record the fact that we noop'd it; request layout when transition finishes
        mLayoutCalledWhileSuppressed = true;
    }
}
ViewGroup # onLayout()

ViewGroup中的onLayout()是一个抽象方法,ViewGroup是一个抽象类,所以所以继承它的类都需要实现onLayout()。

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

三、测量宽高和实际宽高。

1. 获取方式

测量宽高:

width = view.getMeasuredWidth();
height = view.getMeasuredHeight();
public final int getMeasuredWidth() {
    return mMeasuredWidth & MEASURED_SIZE_MASK;
}

实际宽高

width = view.getWidth();
height = view.getHeight();
public final int getWidth() {
    return mRight - mLeft;
}
2. 异同点

同:正常情况下测量宽高与实际宽高相等。

mLeft、mRight、mTop、mBottom这四个值是从layout()的参数而来的,而大部分调用layout时,传的参数都是根据getMeasureWidth()和getMeasureHeight()来决定的,所以正常情况下都有mRight - mLeft == mMeasureWidth & MEASURED_SIZE_MASK,除非修改layout()参数计算的规则。

异:确定时机不同。

测量宽高在measure过程中形成,而实际宽高是在layout赋值mXXX四个顶点坐标后形成的。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,099评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,828评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,540评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,848评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,971评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,132评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,193评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,934评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,376评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,687评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,846评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,537评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,175评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,887评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,134评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,674评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,741评论 2 351

推荐阅读更多精彩内容