# 添加原生控件

《我的世界》中大量使用了继承控件，我们找到工作台的下载路径，并找到资源包里面的ui目录，里面可以看到我的世界原生的大量的界面文件。

我们最熟悉的按钮其实就是ui_common.json中定义的一个自定义控件。

![image-20220422223702687](./images/image-20220422223702687.png)

我们打开ui_common，映入眼帘的即是button——我的世界中使用的按钮。

这里我们主要关注两个信息：

- ui_common.json的namespace（命名空间）：common
- 按钮控件的名称：button

接下来会用到。

![image-20220422224225246](./images/image-20220422224225246.png)

那么，如何在你的界面中直接使用原生的控件呢？

1. 我们先创建一个界面文件，并在main画布下挂接一个面板（panel）
2. 选中面板，点击功能区的“添加原生控件”按钮

![image-20220422223510887](./images/image-20220422223510887.png)

3. 在弹出的弹窗里按照下图填写。（命名空间填写json文件里的common，控件名称填写json文件里的button）

![image-20220422224353096](./images/image-20220422224353096.png)

4. 点击确定，这样你就在你的界面中添加了一个原生的button

![image-20220422224516950](./images/image-20220422224516950.png)

当然，原生的按钮显得不那么好用，我们还是推荐你使用编辑器提供的按钮。

我们尝试下另一个常用的控件：container_item，这个就是广泛用在各种原生界面中的物品容器。

我们在编辑器中尝试对其进行展开，可以看到这个控件的内部结构。

善用添加原生控件可以帮助你快速搭建与原生界面类似的界面，以及学习原生界面的写法。

![image-20220422225623678](./images/image-20220422225623678.png)