Modern Unity UI with UI Toolkit
带有UI Toolkit的现代Unity UI
A Complete Overview Of Unity’s New UI System UI Toolkit
Unity的新UI系统UI工具包的完整概述
教程演示🔗
What you’ll learn 你将学习
-
Create modern and reusable User Interfaces in Unity
在Unity中创建现代和可重用的用户界面 -
Understand all UI Toolkit components
了解所有UI Toolkit组件 -
Manipulate your UI from scripts
从脚本操作UI -
Combine your UI and gamelogic
联合收割机结合您的UI和gamelogic
Requirements 要求
-
Some basic programming and Unity knowledge. If you worked with Unity for about 5 hours you should be fine.
一些基本的编程和Unity知识。如果你用Unity工作了大约5个小时,你应该没问题。
Description 描述
This course is a deep dive into Unity’s UI Toolkit. You will learn most of the components that make up UI Toolkit and be able to create complex UI Systems for your games or apps.
本课程深入了解Unity的UI Toolkit。您将学习组成UI Toolkit的大部分组件,并能够为您的游戏或应用程序创建复杂的UI系统。
This course uses a mix of theory and practice. We will create dozens of little UI-Components and examples. Furthermore, we will have a course project on which we will practice what we learned in the particular chapters. Finally, we will bring it all together and create a fully functional UI-based game.
本课程采用理论与实践相结合的方法。我们将创建几十个小UI组件和示例。此外,我们将有一个课程项目,我们将实践我们在特定章节中学到的东西。最后,我们将把所有这些整合在一起,创建一个功能齐全的基于UI的游戏。
While this course is not explicitly covering Editor Scripting most of the content in the course will also apply to it.
虽然本课程没有明确介绍编辑器脚本,但课程中的大部分内容也适用于它。
Here are some of the topics that we will cover:
以下是我们将讨论的一些主题:
Understanding UXML and USS Files
了解UXML和USS文件
Understand the basic building blocks of UI Toolkit. We will talk about the concept of a visual tree and why it’s a good idea to separate structure, styling and behavior.
了解UI Toolkit的基本构建块。我们将讨论可视化树的概念,以及为什么将结构、样式和行为分开是一个好主意。
Layouts with FLEXBOX 使用FLEXBOX的布局
UI Toolkit uses the Flexbox system which is also used in web technologies.
UI Toolkit使用Flexbox系统,该系统也用于Web技术。
Templates 模板
We will learn how we can reuse pieces of our layout with templates.
我们将学习如何通过模板重用布局的各个部分。
Events and Event Propagation
事件和事件传播
No UI System can function without events. UI Toolkit has its own Event-System with modern features like event-propagation which we can use to our advantage.
没有事件,任何UI系统都无法运行。UI Toolkit有自己的事件系统,具有事件传播等现代功能,我们可以利用这些功能。
UQuery
Unity is still a game engine, so more often than not most of your work will be done through scripts. U need an efficient way to connect your scripts and your UI and manipulate certain elements of your UI. In order to do that you first need to find those elements. UQuery provides a comfortable way how you can do that.
Unity仍然是一个游戏引擎,所以你的大部分工作通常都是通过脚本完成的。你需要一种有效的方式来连接你的脚本和你的UI,并操纵你的UI的某些元素。要做到这一点,你首先需要找到这些元素。UQuery提供了一种舒适的方式来实现这一点。
Data Binding 数据绑定
While for editor scripting there is already a system in place which helps you bind your data to your components, this is not the case for runtime. Therefore we will look at some tools and techniques how you can do this manually.
虽然对于编辑器脚本来说,已经有一个系统可以帮助您将数据绑定到组件,但对于运行时来说,情况并非如此。因此,我们将看看一些工具和技术,你可以手动做到这一点。
Custom Components 自定义组件
UI Toolkit has a library of several build-in controls, but obviously, those can not cover every use case that you might come across. In this section, we will see how to create our own controls and thereby create our own little library of reusable UI Elements.
UI Toolkit有一个包含几个内置控件的库,但显然,这些控件不能涵盖您可能遇到的所有用例。在本节中,我们将看到如何创建我们自己的控件,从而创建我们自己的可重用UI元素库。
Manipulators 操纵器
One rule of good software development is the separation of concerns. In this section, we will learn how we can group the behavior of particular elements into manipulators.
好的软件开发的一条规则是关注点的分离。在本节中,我们将学习如何将特定元素的行为分组到操纵器中。
and much more… 和更多…
Who this course is for:
本课程适用于:
- Unity developers interested in User Interfaces
对用户界面感兴趣的Unity开发人员