Android中的View(控件)树结构

我是IT王魔王
这是我的第2篇IT原创

有个小伙伴面试时碰到了一个问题：不给Activity的根视图添加id，怎么获取到这个View？

没听明白这个问题不要紧，我再给大家解释一下

Activity的布局文件如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tvTest"
        android:textSize="30sp"
        android:textColor="#ffffff"
        android:text="我是Activity中的布局"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="@color/colorAccent" />

</RelativeLayout>

Activity中的代码如下：

public class ViewTreeMainActivity extends AppCompatActivity {
    private static final String TAG = "ViewTreeMainActivity===";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_tree_main);

        findViewById(R.id.tvTest).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO: 2020/6/1 获取布局中的根节点 ，即本demo 布局文件中的RelativeLayout
            }
        });

    }
}

注意看TODO中需要我们实现的逻辑，就是面试官的问题。

如果你看懂问题了，并且有答案了，那么你可以点赞离开了。

如果你没看懂问题，但是有答案了，我信了你的邪。

如果你没看懂问题，并且没有答案，麻烦你再审阅一下这个问题。

如果你看懂问题了，但是没有答案，那么你应该继续往下看

现在我揭晓答案，就两行代码

  FrameLayout rootView = findViewById(android.R.id.content);
  RelativeLayout relativeLayout = (LinearLayout) rootView.getChildAt(0);

如果你碰到的面试官特别水，你现在可以抄抄作业，离开了。

记得点赞

悲哀的是，一般面试官会再来一句，为什么？

是啊，为什么id要写android.R.id.content？FrameLayout从哪里来的？

想知道这个所以然，我们就得从Android中的View（控件）树结构说起

先上图

Android中的控件树结构.png

我们不熟悉的是红虚线上的结构，这部分也是我们学习的重点。

简单解释一下：

1、每个Activity中都有一个Window，Window用于显示我们的界面，Activity负责管理Window。
2、每个Window都有一个根View--->DecorView。Window自身并不能显示界面，Android中真正显示画面得靠View。

3、DecorView是一个FrameLayout，我们Activity布局文件就是添加到了这个DecorView中。

看不懂是吧？没事，接着看

这个结构就像是这样的：

Activity就是那些窗户框，负责管理Window，例如开窗、关窗户等等。

DecorView就是像是给每个窗户上贴了一张白纸，作用是让我们显示真正的画面

在窗户上贴了一张白纸---DecorView.png

所谓的setContentView，就是把Activity布局inflate成一个View之后，把这个View添加到DecorView中，就像是给上图的白纸上贴了一个窗花（View）。

我们的Activity布局就是窗花。

在这张纸上(DecorView)贴窗花(Activity的布局文件).png

换句话说，窗户看起来长什么样子，是由窗户上的窗花决定的。

因为窗户本身是透明的

好好把这段屡屡，仔细看看，因为我的水平就能讲到这个程度了。想再让我讲的通俗易懂点，你得再等两年。

但我建议你现在还是静下心来看，万一两年后我转行了呢？

我们接着看

在这个结构中，我们需要了解的是DecorView的结构

老规矩，先上图

DecorView的结构

解释一下这张图什么意思

DecorView自身是一个FrameLayout
这个FrameLayout中有一个LinearLayout
我们知道LinearLayout不是水平就是垂直方向，这里它是垂直方向的。

这个垂直方向的LinearLayout分为上下两部分，每个部分都有每个部分的作用

上面的部分是ActionBar

黄色的部分是ActionBar.png

下面的部分是FrameLayout，这个FrameLayout是有id的，这个id是content

我们在Activity中setContentView就是把Activity的布局文件添加到了这个id为content的FrameLayout中了。

因为id是content，所以我们的api名称设计成了setContentView

好了，来一张相对立体一点的图给大家总结一下

整体结构.png

上一段你从来没有见过的代码

public class ViewTreeMainActivity extends AppCompatActivity {
    private static final String TAG = "ViewTreeMainActivity===";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //把布局文件inflate成一个View
        View rootView = View.inflate(this,R.layout.activity_view_tree_main,null);
        //获取那个id为content的FrameLayout
        FrameLayout content = findViewById(android.R.id.content);
        //把布局文件添加到FrameLayout中
        content.addView(rootView);

    }
}

如果你学习态度足够认真，那么你应该把这段代码敲一下，你会惊奇的发现，我们的Activity依然能正常展示。

而事实上，setContentView做的也就是这么一件事。

别翻源码了，源码里不是这样写的。

感兴趣的可以自己去翻一下phoneWindow中setContentView的源码。

现在我们回过头来看看文章开头提到的面试题以及我给出的答案

不给Activity的根视图添加id，怎么获取到这个View？

  FrameLayout rootView = findViewById(android.R.id.content);
  RelativeLayout relativeLayout = (LinearLayout) rootView.getChildAt(0);

现在你知道答案为什么这么写了吧？

最后还有几个问题需要交代一下：

上面的图中为了让大家更加容易理解，我用了一种错误的表达方式：Activity的布局，这个是故意说的不严谨的，为了防止有人抬杠，特此声明一下。

ActionBar的是否显示、Window的背景颜色都跟Activity的主题有关当，这点相信地球人都知道。

我的问题是ActionBar不显示的时候，具体是怎么操作的？难道是通过setVisiable(GONE)的方式隐藏的吗？

我们可以通过代码requestWindowFeature(Window.FEATURE_NO_TITLE)来动态隐藏Activity的ActionBar，不过这里有一点需要注意，这行代码需要写在setContentView之前调用（这个我求你自己敲个demo试试吧）

我的问题是，为什么一定要写在setContentView之前调用？

等一下，再加一个问题，了解这些有什么用呢？

欲知后事，且听下回分解。