UIToolkit是Unity官方推出的最新 UI解决方案,未来将逐步取代现有的UGUI方案,当然现在(2021.7.22)仍处于preview阶段。官方解释这是一套兼顾编辑器和runtime界面开发的更高效的UI框架。
1.创建一个新的项目,unity版本要求2020.2以上:
2.依次打开菜单栏-window-package manager
3.从git链接来添加源:
4.输入com.unity.ui,然后点击add会自动下载:
5.下载完成后,会多出一个uitoolkit并自动安装好了(绿色勾),截止目前(2021.7.22)依旧是preview版本。
6.安装好后,我们还需要安装另一个组件:UIBuilder(界面构建器)。打开高级选项:
7.在高级选项中勾选enable preview packages 启用预览包。
8.回到管理界面,切换包的分组源为unity registry
9.找到UIBuilder并安装。
10.安装完毕后回到unity编辑器,在层级面板中右键uitoolkit-ui document
11.在项目面板中创建一个ui document
12.指定层级面板中uidocument的source asset
13.双击打开project目录下的testdocument,会打开uibuilder,这个界面下就可以编辑UI元素
14.从containers拖入一个visualement到hierachy中,活着直接拖入viewport中
15.设置size
16.设置位置
17.设置一个颜色
18.保存回到场景即可看到效果:
19.从library中添加label并改名为countertext
20.添加一个按钮并改名为counter_button
21.设置对其方式为居中对齐
22.回到编辑器,创建一个脚本:UICounter.cs,挂载到场景的uidocument上,编辑代码:
23.收工。