四时宝库

程序员的知识宝库

Unity全新界面框架UIToolkit简明教程

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.收工。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接