深入理解View(二)：Activity的页面结构

引言

在讲View那篇文章中，我们提到了Decor，Decor 是什么东西？
翻译成中文，意为 装饰，布置，我们猜测它是用来装饰contentView的，难道是ActionBar？
先留个悬念，我们一步一步来验证。

正文

新建一个Activity，重写onCreate方法：

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setContentView(R.layout.view_demo);
        View root_view = findViewById(R.id.view_demo_root);
    }

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/view_demo_root"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
</LinearLayout>

从布局文件得知，代码中的 root_view 即是Activity的contentView；
那么contentView是Activity视图的全部吗？

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setContentView(R.layout.view_demo);
        View root_view = findViewById(R.id.view_demo_root);

        while (root_view != null) {
            Log.d("ViewDemo", root_view.getClass().toString());
            root_view = (View) root_view.getParent();
        }
    }

我们层层打印出 root_view 的父视图：

D/ViewDemo(11320): class android.widget.LinearLayout
D/ViewDemo(11320): class android.widget.FrameLayout
D/ViewDemo(11320): class com.android.internal.widget.ActionBarOverlayLayout
D/ViewDemo(11320): class com.android.internal.policy.impl.PhoneWindow$DecorView

哇哦，原来 root_view 外面还包了三层。
接下来，我们继续使用日志，来探究这三层相互的关系：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setContentView(R.layout.view_demo);
        View root_view = findViewById(R.id.view_demo_root);

        while (root_view != null) {
            Log.d("ViewDemo", root_view.getClass().toString());
            if (root_view instanceof ViewGroup) {
                int child_count = ((ViewGroup) root_view).getChildCount();
                for (int i = 0; i < child_count; i++) {
                    View v = ((ViewGroup) root_view).getChildAt(i);
                    Log.d("ViewDemo", "\t child:" + v.getClass().toString());
                }
                Log.d("ViewDemo", "\n");
            }
            root_view = (View) root_view.getParent();
        }
    }

我们在while循环中，打印出每一个视图的子视图，即可得知页面的整体结构，结果如下：

D/ViewDemo(13979): class android.widget.LinearLayout
D/ViewDemo(13979): 
D/ViewDemo(13979): class android.widget.FrameLayout
D/ViewDemo(13979):   child:class android.widget.LinearLayout
D/ViewDemo(13979): 
D/ViewDemo(13979): class com.android.internal.widget.ActionBarOverlayLayout
D/ViewDemo(13979):   child:class android.widget.FrameLayout
D/ViewDemo(13979):   child:class com.android.internal.widget.ActionBarContainer
D/ViewDemo(13979):   child:class com.android.internal.widget.ActionBarContainer
D/ViewDemo(13979): 
D/ViewDemo(13979): class com.android.internal.policy.impl.PhoneWindow$DecorView
D/ViewDemo(13979):   child:class com.android.internal.widget.ActionBarOverlayLayout

从日志中，我们发现，原来Decor是页面的顶层容器，它有一个子容器ActionBarOverlayLayout；
ActionBarOverlayLayout包含两个子容器：

• FrameLayout：显示contentView
• ActionBarcontainer：显示ActionBar。

全文完