美文网首页Android
深入理解View(二):Activity的页面结构

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

作者: 二胡 | 来源:发表于2014-10-22 18:11 被阅读2921次

    引言

    在讲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。

    全文完

    相关文章

      网友评论

      • 吴晨:楼主打印出来的
        D/ViewDemo(11320): class android.widget.FrameLayout
        才是ContentView,请楼主三思呀
      • liyiying233:楼主好厉害,现在啥都不懂一点一点学习
      • 998584f56259:问题同一楼的,为什么会有两个ActionBarContainer子view呢
      • e6e5efeee96d:1条评论 ( 按时间正序· 按时间倒序· 按喜欢排序 ) 添加新评论
        100
        邹创
        2 楼
      • 邹小创:能否请教一下,ActionBarOverlayLayout为什么会有两个ActionBarContainer子view?

      本文标题:深入理解View(二):Activity的页面结构

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