Files
netease-bedrock-wiki/mcguide/18-界面与交互/18-添加原生控件.md
2024-12-23 10:57:59 +08:00

47 lines
1.8 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 添加原生控件
《我的世界》中大量使用了继承控件我们找到工作台的下载路径并找到资源包里面的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)