带有UI工具包的现代Unity UI

欢迎来到我们关于Unity的UI工具包的综合课程！无论您是在创建游戏还是应用程序，UI 设计都是任何项目的关键部分，而 UI Toolkit 提供了一组强大的工具来创建复杂的UI系统。Modern Unity UI with UI Toolkit by David Makowski

在整个课程中，您将深入了解UI工具包，了解其各种组件的来龙去脉，以及如何使用它们来创建令人惊叹的 UI 设计。我们将理论与实践相结合，创建各种 UI 组件和示例，并开展一个课程项目来检验您的技能。

课程时长：20小时 44分钟 1280X720 mp4 语言：英语+中英文字幕（云桥CG资源站机译）含课程文件 作者：David Makowski


以下是我们将涵盖的一些主题：

了解 UXML 和 USS 文件：了解 UI Toolkit 的构建块，包括可视化树，以及如何分离结构、样式和行为。
Layouts with FLEXBOX：探索 Web 技术中使用的 Flexbox 系统及其在 UI Toolkit 中的使用方式。
模板：了解如何使用模板重复使用部分布局。
事件和事件传播：了解事件在 UI Toolkit 中的工作原理以及如何利用事件传播等功能。
UQuery：连接您的脚本和 UI，并使用 UQuery 高效地操作 UI 元素。
数据绑定：了解如何手动将数据绑定到组件以供运行时使用。
自定义组件：为您的项目创建您自己的控件和可重用的 UI 元素。
操纵器：将特定元素的行为分组到操纵器中，以实现干净、有组织的设计。
以及更多！

虽然本课程没有明确涵盖编辑器脚本，但大部分内容也适用于它。完成本课程后，您将在 UI Toolkit 方面打下坚实的基础，并掌握为 Unity 项目创建出色的 UI 设计所需的技能。


课程目录：
01 – 简介
01 – 什么是 UI 工具包
02 – 这门课程是关于什么的
03 – 这门课程不关于什么
04 – 这门课程是为谁准备的
05 – 先决条件
06 – Unitys UI 系统的比较
07 – 让我们开始吧

02 – 介绍第 2 部分从理论到实践
10 – 详细课程概述第 27
11 – 章节概述
12 – UI 工具包工作流程
13 – 视觉树
14 – 视觉树的优势
15 – 从视觉树到 UXML
16 – 更多 UXML
17 – 了解样式表
18 – UI Builder 中的 USS 文件
19 –更多 USS
20 – 简单选择器
21 – 选择器优先级
22 – 复杂选择器第 1 部分
23 – 复杂选择器第 2 部分
24 – 伪选择器
25 – 将它们组合在一起

03 – 布局和 Flexbox
26 – 部分概述
27 – 术语
28 – 容器和项目
29 – 了解 MainAxis 概念
30 – 了解 Flex 方向
31 – UI Builder 中的 Flex 方向 32
– Flexbox 兔子洞
33 – Flex 方向示例 1
34 – Flex 方向示例 2
35 –对齐内容
36 – 对齐项目
37 – 对齐属性示例
38 – 弹性基础
39 – 弹性基础的定义
40 – 像素百分比或自动
41 – 空间竞争
42 – 收缩和增长
43 – 收缩和增长单位
44 – 了解弹性基础
45 – Flexbox总结
46 – 简单的 Flexbox 模式示例
47 – 简单的 Flexbox 模式示例 2
48 – 简单的 Flexbox 模式示例 3
49 – 定位

04 – 介绍课程项目
50 – 介绍课程项目
51 – 选修课程项目设置第 1 部分
52 – 选修课程项目设置第 2 部分

05 – 内置控件
53 – 部分概述
54 – 按钮
55 – 向控件添加基本功能
56 – 使用文本
57 – 主题
58 – 复杂控件滑块
59 – UI 工具包调试器
60 – 样式控件
61 – 使用滑块
62 – 项目实践简单控件第 1 部分
63 – 项目实践简单控制第 2 部分
64 – 可选使用文档

06 – 模板
65 – 部分概述
66 – 在脚本中使用视觉元素
67 – UI Builder 中的模板
68 – 脚本中的模板
69 – 在脚本中加载资产
70 – 项目实践模板

07 – 使用 UQuery 查找元素
71 – 部分概述
72 – 为什么有 3 种不同的方法
73 – 设置说明
74 – UQueryBuilder
75 – 如何使用 Q 查找单个元素
76 – 如何使用查询查找任何元素
77 – 用于查询的瑞士军刀
78 – 项目实践查询

08 – UI 工具包中的事件
79 – 详细课程概述章节 814
80 – 章节概述
81 – 事件概述
82 – 事件数据
83 – 了解事件传播
84 – 代码中的事件传播第 1 部分
85 – 代码中的事件传播第 2 部分
86 – 事件示例 1
87 – 事件示例 2

09 – 数据绑定
88 – 部分概述
89 – 数据绑定简介
90 – 简单的 UI 绑定
91 – 添加数据类
92 – 系统事件和 C 属性
93 – 创建卡片组件
94 – 模拟数据
95 – 使用 VisualElementuserdata
96 – 动态添加元素

10 – 特殊控件的数据绑定
097 – 部分概述
098 – 简单下拉列表
099 – 超越内置控件的项目 100
– 项目 DropdownController
101 – 显示分数的项目
102 – ListView
103 – 项目列表准备
104 – 项目 ListController
105 – 显示所选项目的项目
106 – 对最后一个视频的小修正

11 – 自定义控件
107 – 部分概述
108 – 我们的第一个自定义控件
109 – 向自定义控件添加样式
110 – 自定义弹出窗口第 1 部分
111 – 自定义弹出窗口第 2 部分
112 – 添加自定义属性
113 – 向自定义控件添加功能
114 – 添加自定义星形项目控制第 1 部分
115 – 添加自定义星形控件的项目第 2 部分

12 – 机械手
116 – 章节概述
117 – 动机
118 – 创建我们的第一个操纵器
119 – 了解拖动等运动行为
120 – 用于拖动的操纵器
121 – 用于调整大小的操纵器 122 –
项目添加工具提示操纵器第 1 部分
123 – 项目添加工具提示操纵器第 2 部分
124 – 项目添加工具提示操纵器第 3 部分

13 – 额外的纪元旋转木马
125 – 我们要构建什么
126 – 组装轮播
127 – 向滚动视图添加内容
128 – 让我们实现滚动行为
129 – 显示前一个和下一个纪元
130 – 添加纪元项目符号

14 – 游戏项目
131 – 我们要构建什么
132 – 基本布局
133 – 顶部容器的内容
134 – 底部容器的内容
135 – 调整字体
136 – 为 AnswerIcon 添加占位符
137 – 让我们谈谈拖动
138 – 简单的拖动模式
139 – 放下图标
140 – 游戏架构
141 – 游戏数据和状态
142 – 实现游戏逻辑
143 – 连接游戏控制器
144 – 连接第一个 UI 部分
145 – 添加一些数据，也就是一些问题
146 – 下一个提示按钮
147 – 添加操纵器到图标
148 – 动态加载真实图标
149 – 检查答案
150 – 让我们向玩家提供一些反馈
151 – 使用计时器增加压力
152 – 谢谢