美文网首页
UI绘制流程及原理

UI绘制流程及原理

作者: 风行于水 | 来源:发表于2019-04-19 21:01 被阅读0次

     本篇文章主要从activity的setContentView()方法着手,讲解我们的布局文件是如何添加到根布局,并最终显示到屏幕上的。

    一、View添加到DecorView的过程

    首先,我们先从Activity的setContentView()方法开始分析:

    public void setContentView(@LayoutRes int layoutResID) {

            getWindow().setContentView(layoutResID);

            initWindowDecorActionBar();

    }

    getWindow()获取Window对象。我们知道在Android中,PhoneWindow是Window唯一的实现类,所以我们看一下PhoneWindow中的setContentView()方法

    public void setContentView(int layoutResID) {

            if (mContentParent ==null) {

                    // 1、首先调用installDecor()

                    installDecor();

            } else if (!hasFeature(FEATURE_CONTENT_TRANSITIONS)) {

                    mContentParent.removeAllViews();

            }
            if (hasFeature(FEATURE_CONTENT_TRANSITIONS)) {
                     final Scene newScene = Scene.getSceneForLayout(mContentParent, layoutResID, getContext());
                     transitionTo(newScene);
            } else {

                    // 2、将系统layoutResId对应的布局文件添加到DecorView后,再将开发者设置的布局文件添加到mContentParent中
                     mLayoutInflater.inflate(layoutResID, mContentParent);
            }
    }

    首次进入,mContentParent一定为空,所以会调用installDecor()方法:(第2步,我们稍后再说)

    private void installDecor() {
            if (mDecor == null) {
                    // 1、创建mDecor
                     mDecor = generateDecor(-1); 
            }
            if (mContentParent == null) {

                    // 2、创建mContentParent
                     mContentParent = generateLayout(mDecor);
            }
    }

    我们先来看一下第1个步骤:生成mDecor:

    protected DecorViewgenerateDecor(int featureId) {

            // DecorView继承自FrameLayout

            return new DecorView(context, featureId, this, getAttributes());

    }

    直接new创建对象,没什么好说的。接着看第2步,生成mContentParent:

    protected ViewGroupgenerateLayout(DecorView decor) {

            // 1、通过读取配置文件,设置Window属性
            if (a.getBoolean(R.styleable.Window_windowNoTitle, false)) {
                     requestFeature(FEATURE_NO_TITLE);
            } else if (a.getBoolean(R.styleable.Window_windowActionBar, false)) {
                    requestFeature(FEATURE_ACTION_BAR);
            }
            if (a.getBoolean(R.styleable.Window_windowSwipeToDismiss, false)) {
                     requestFeature(FEATURE_SWIPE_TO_DISMISS);
            }
            if (a.getBoolean(R.styleable.Window_windowFullscreen, false)) {
                     setFlags(FLAG_FULLSCREEN, FLAG_FULLSCREEN & (~getForcedWindowFlags()));
            }

            ......
            //2、 通过features,来为layoutResource赋值
            int layoutResource;
            if ((features & (1 << FEATURE_SWIPE_TO_DISMISS)) != 0) {
                     layoutResource = R.layout.screen_swipe_dismiss;
                     setCloseOnSwipeEnabled(true);
            } else if ((features & ((1 << FEATURE_LEFT_ICON) | (1 << FEATURE_RIGHT_ICON))) != 0) {
                    if (mIsFloating) {
                             TypedValue res = new TypedValue();
                             getContext().getTheme().resolveAttribute( R.attr.dialogTitleIconsDecorLayout, res, true);
                             layoutResource = res.resourceId;
                    } else {
                             layoutResource = R.layout.screen_title_icons;
                     }
            }

            ......

            else {
                    layoutResource = R.layout.screen_simple;
            }
            3、mDecor.onResourcesLoaded(mLayoutInflater, layoutResource);
    }

    这段代码主要有三个步骤:

        1、通过Window Style样式,设置Window风格

        2、加载系统中对应的layoutResource,作为基础布局。(开发者自己通过setContentView(int layoutId)设置的布局文件就是添加到其中的)

        3、当资源加载完毕,会调用DecorView的onresourcesLoaded()方法,进而将上述基础布局添加到顶层布局mDecorView中:

    void onResourcesLoaded(LayoutInflater inflater, int layoutResource) {
            if (mDecorCaptionView != null) {
                     if (mDecorCaptionView.getParent() == null) {
                             addView(mDecorCaptionView, new ViewGroup.LayoutParams(MATCH_PARENT, MATCH_PARENT));
                     }
                     mDecorCaptionView.addView(root, new ViewGroup.MarginLayoutParams(MATCH_PARENT, MATCH_PARENT));
            } else {
                    addView(root, 0, new ViewGroup.LayoutParams(MATCH_PARENT, MATCH_PARENT));
            }
    }

    通过addView(),最终将layoutResources添加到DecorView中。

    最终的布局层次,我们以R.layout.screen_simple为例来分析,请看下图:

    说到这里,通过setContentView()设置的布局文件就已经添加到了DecorView中,View的树形结构就已经存在了。

    接下来只需要将该View树添加到Window中,并执行View的测量流程完毕,该View就会显示到屏幕上。

    二、将View树添加到Window中

    ActivityThread是Activity的启动入口, 在它内部有一个内部类H extends Handler,专门用来处理主线程的消息。

    class H extends Handler {

        public void handleMessage(Message msg) {

            switch (msg.what) {

                case LAUNCH_ACTIVITY: {

                    final ActivityClientRecord r = (ActivityClientRecord) msg.obj;

                    r.packageInfo = getPackageInfoNoCheck(

                    r.activityInfo.applicationInfo, r.compatInfo);

                    handleLaunchActivity(r, null, "LAUNCH_ACTIVITY");

            }

            break;

    当启动一个新的Activity,会触发handleLaunchActivity()方法:

    private void handleLaunchActivity(ActivityClientRecord r, Intent customIntent, String reason) {

    ......

    // 1、创建Activity

    Activity a = performLaunchActivity(r, customIntent);

    ......

    // 2、调用activity的onResume方法

    handleResumeActivity(r.token, false, r.isForward, !r.activity.mFinished && !r.startsNotResumed, r.lastProcessedSeq, reason);

    我们先看一下performLaunchActivity()方法的源码:

    private ActivityperformLaunchActivity(ActivityClientRecord r, Intent customIntent) {

        Activity activity =null;

        try {

                java.lang.ClassLoader cl = appContext.getClassLoader();

                // 1、创建Activity

                activity =mInstrumentation.newActivity(cl, component.getClassName(), r.intent);

             } catch (Exception e) {

             }

        // 2、创建Application

        Application app = r.packageInfo.makeApplication(false, mInstrumentation);

        // 3、创建Window

        Window window =null;

        if (r.mPendingRemoveWindow !=null && r.mPreserveWindow) {

                window = r.mPendingRemoveWindow;

                r.mPendingRemoveWindow =null;

                r.mPendingRemoveWindowManager =null;

        }

        // 4、关联activity和window

        activity.attach(appContext, this, getInstrumentation(), r.token, r.ident, app, r.intent, r.activityInfo, title, r.parent, r.embeddedID,                     r.lastNonConfigurationInstances, config,  r.referrer, r.voiceInteractor, window, r.configCallback);

    通过源码,可以看到,performLaunchActivity()方法主要是创建Activity、Application、Window对象,并关联到一起。紧接着,调用activity的onCreate()方法,进而调用setContentView()方法,构建View树。

    然后我们再看一下handleResumeActivity()方法的源码:

    final void handleResumeActivity(IBinder token,  boolean clearHide, boolean isForward, boolean reallyResume, int seq, String reason) {             // 1、创建 ViewManager 对象

            ViewManager wm = a.getWindowManager();

            WindowManager.LayoutParams l = r.window.getAttributes();

            if (a.mVisibleFromClient) {

                if (!a.mWindowAdded) {

                        a.mWindowAdded =true;

                        // 2、将DecorView添加到Window中

                        wm.addView(decor, l);

            }else {

                a.onWindowAttributesChanged(l);

            }

    }

    在该方法内部,创建ViewManager对象,并调用addView()方法,将DecorView添加到Window中。(通过查看源码,ViewManager.addView() --> WindowManager.addView() --> WindowManagerGlobal.addView(),这不是本文的重点,就不一一列举了)

    至此,View树就已经添加到Window中,但是此时用户还看不到界面,因为还没有进行绘制。所以接下来就需要将该View绘制出来

    三、View的绘制流程:

    我们看一下WindowManagerGlobal.addView(),在该方法内部会调用ViewRootImpl的setView()方法,在该方法内部,会调用requestLayout()方法,进而出发View的绘制流程:

    public void requestLayout() {

        if (!mHandlingLayoutInLayoutRequest) {

                // 1、检查是否在主线程

                checkThread();

                // 2、执行traversal

                scheduleTraversals();

        }

    }

    void scheduleTraversals() {

            if (!mTraversalScheduled) {

                    mChoreographer.postCallback(Choreographer.CALLBACK_TRAVERSAL, mTraversalRunnable, null);

            }

    }

    final TraversalRunnablemTraversalRunnable =new TraversalRunnable();

    final class TraversalRunnableimplements Runnable {

        @Override

        public void run() {

            doTraversal();

        }

    }

    void doTraversal() {

        if (mTraversalScheduled) {

                performTraversals();

            }

        }

    }

    private void performTraversals() {

            performMeasure(childWidthMeasureSpec, childHeightMeasureSpec);

            performLayout(lp, mWidth, mHeight);

            performDraw();
    }

    从源码中,可以看到,最终在performTraversals()方法中,执行了View的测量、布局和绘制过程。

    至此,View绘制完毕后,就可以显示到屏幕上了。

    相关文章

      网友评论

          本文标题:UI绘制流程及原理

          本文链接:https://www.haomeiwen.com/subject/wuocgqtx.html