Android中的View(控件)树结构

我是IT王魔王 这是个人第2篇IT原创

尝试写出适合中级Android开发者的最好博客

有个小伙伴面试时碰到了一个问题：不给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（控件）树结构提及

先上图

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

简单解释一下：

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

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

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

这个结构就像是这样的：

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

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

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

咱们的Activity布局就是窗花。

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

由于窗户自己是透明的

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

但我建议你如今仍是静下心来看，万一两年后我转行了呢？

咱们接着看

在这个结构中，咱们须要了解的是DecorView的结构

老规矩，先上图

解释一下这张图什么意思

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

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

上面的部分是ActionBar

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

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

由于id是content，因此咱们的api名称设计成了setContentView

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

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

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以前调用？

另外，这个结构其实并非足够的细致，都是为了下降理解学习的难度（其实再细了我也不会） 等你掌握了这些内容后，之后看到别人写的更加详细的，接受起来才会更加容易

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

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