歡迎來到我們關(guān)于Unity的UI工具包的綜合課程！無論您是在創(chuàng)建游戲還是應(yīng)用程序，UI 設(shè)計(jì)都是任何項(xiàng)目的關(guān)鍵部分，而 UI Toolkit 提供了一組強(qiáng)大的工具來創(chuàng)建復(fù)雜的UI系統(tǒng)。Modern Unity UI with UI Toolkit by David Makowski

在整個(gè)課程中，您將深入了解UI工具包，了解其各種組件的來龍去脈，以及如何使用它們來創(chuàng)建令人驚嘆的 UI 設(shè)計(jì)。我們將理論與實(shí)踐相結(jié)合，創(chuàng)建各種 UI 組件和示例，并開展一個(gè)課程項(xiàng)目來檢驗(yàn)?zāi)募寄堋?/p>

課程時(shí)長：20小時(shí) 44分鐘 1280X720 mp4 語言：英語+中英文字幕（云橋網(wǎng)絡(luò) 平臺(tái)huo取課程）含課程文件 作者：David Makowski

以下是我們將涵蓋的一些主題：

了解 UXML 和 USS 文件：了解 UI Toolkit 的構(gòu)建塊，包括可視化樹，以及如何分離結(jié)構(gòu)、樣式和行為。
Layouts with FLEXBOX：探索 Web 技術(shù)中使用的 Flexbox 系統(tǒng)及其在 UI Toolkit 中的使用方式。
模板：了解如何使用模板重復(fù)使用部分布局。
事件和事件傳播：了解事件在 UI Toolkit 中的工作原理以及如何利用事件傳播等功能。
UQuery：連接您的腳本和 UI，并使用 UQuery 高效地操作 UI 元素。
數(shù)據(jù)綁定：了解如何手動(dòng)將數(shù)據(jù)綁定到組件以供運(yùn)行時(shí)使用。
自定義組件：為您的項(xiàng)目創(chuàng)建您自己的控件和可重用的 UI 元素。
操縱器：將特定元素的行為分組到操縱器中，以實(shí)現(xiàn)干凈、有組織的設(shè)計(jì)。
以及更多！

雖然本課程沒有明確涵蓋編輯器腳本，但大部分內(nèi)容也適用于它。完成本課程后，您將在 UI Toolkit 方面打下堅(jiān)實(shí)的基礎(chǔ)，并掌握為 Unity 項(xiàng)目創(chuàng)建出色的 UI 設(shè)計(jì)所需的技能。

課程目錄：
01 – 簡介
01 – 什么是 UI 工具包
02 – 這門課程是關(guān)于什么的
03 – 這門課程不關(guān)于什么
04 – 這門課程是為誰準(zhǔn)備的
05 – 先決條件
06 – Unitys UI 系統(tǒng)的比較
07 – 讓我們開始吧

02 – 介紹第 2 部分從理論到實(shí)踐
10 – 詳細(xì)課程概述第 27
11 – 章節(jié)概述
12 – UI 工具包工作流程
13 – 視覺樹
14 – 視覺樹的優(yōu)勢(shì)
15 – 從視覺樹到 UXML
16 – 更多 UXML
17 – 了解樣式表
18 – UI Builder 中的 USS 文件
19 –更多 USS
20 – 簡單選擇器
21 – 選擇器優(yōu)先級(jí)
22 – 復(fù)雜選擇器第 1 部分
23 – 復(fù)雜選擇器第 2 部分
24 – 偽選擇器
25 – 將它們組合在一起

03 – 布局和 Flexbox
26 – 部分概述
27 – 術(shù)語
28 – 容器和項(xiàng)目
29 – 了解 MainAxis 概念
30 – 了解 Flex 方向
31 – UI Builder 中的 Flex 方向 32
– Flexbox 兔子洞
33 – Flex 方向示例 1
34 – Flex 方向示例 2
35 –對(duì)齊內(nèi)容
36 – 對(duì)齊項(xiàng)目
37 – 對(duì)齊屬性示例
38 – 彈性基礎(chǔ)
39 – 彈性基礎(chǔ)的定義
40 – 像素百分比或自動(dòng)
41 – 空間競(jìng)爭
42 – 收縮和增長
43 – 收縮和增長單位
44 – 了解彈性基礎(chǔ)
45 – Flexbox總結(jié)
46 – 簡單的 Flexbox 模式示例
47 – 簡單的 Flexbox 模式示例 2
48 – 簡單的 Flexbox 模式示例 3
49 – 定位

04 – 介紹課程項(xiàng)目
50 – 介紹課程項(xiàng)目
51 – 選修課程項(xiàng)目設(shè)置第 1 部分
52 – 選修課程項(xiàng)目設(shè)置第 2 部分

05 – 內(nèi)置控件
53 – 部分概述
54 – 按鈕
55 – 向控件添加基本功能
56 – 使用文本
57 – 主題
58 – 復(fù)雜控件滑塊
59 – UI 工具包調(diào)試器
60 – 樣式控件
61 – 使用滑塊
62 – 項(xiàng)目實(shí)踐簡單控件第 1 部分
63 – 項(xiàng)目實(shí)踐簡單控制第 2 部分
64 – 可選使用文檔

06 – 模板
65 – 部分概述
66 – 在腳本中使用視覺元素
67 – UI Builder 中的模板
68 – 腳本中的模板
69 – 在腳本中加載資產(chǎn)
70 – 項(xiàng)目實(shí)踐模板

07 – 使用 UQuery 查找元素
71 – 部分概述
72 – 為什么有 3 種不同的方法
73 – 設(shè)置說明
74 – UQueryBuilder
75 – 如何使用 Q 查找單個(gè)元素
76 – 如何使用查詢查找任何元素
77 – 用于查詢的瑞士軍刀
78 – 項(xiàng)目實(shí)踐查詢

08 – UI 工具包中的事件
79 – 詳細(xì)課程概述章節(jié) 814
80 – 章節(jié)概述
81 – 事件概述
82 – 事件數(shù)據(jù)
83 – 了解事件傳播
84 – 代碼中的事件傳播第 1 部分
85 – 代碼中的事件傳播第 2 部分
86 – 事件示例 1
87 – 事件示例 2

09 – 數(shù)據(jù)綁定
88 – 部分概述
89 – 數(shù)據(jù)綁定簡介
90 – 簡單的 UI 綁定
91 – 添加數(shù)據(jù)類
92 – 系統(tǒng)事件和 C 屬性
93 – 創(chuàng)建卡片組件
94 – 模擬數(shù)據(jù)
95 – 使用 VisualElementuserdata
96 – 動(dòng)態(tài)添加元素

10 – 特殊控件的數(shù)據(jù)綁定
097 – 部分概述
098 – 簡單下拉列表
099 – 超越內(nèi)置控件的項(xiàng)目 100
– 項(xiàng)目 DropdownController
101 – 顯示分?jǐn)?shù)的項(xiàng)目
102 – ListView
103 – 項(xiàng)目列表準(zhǔn)備
104 – 項(xiàng)目 ListController
105 – 顯示所選項(xiàng)目的項(xiàng)目
106 – 對(duì)最后一個(gè)視頻的小修正

11 – 自定義控件
107 – 部分概述
108 – 我們的第一個(gè)自定義控件
109 – 向自定義控件添加樣式
110 – 自定義彈出窗口第 1 部分
111 – 自定義彈出窗口第 2 部分
112 – 添加自定義屬性
113 – 向自定義控件添加功能
114 – 添加自定義星形項(xiàng)目控制第 1 部分
115 – 添加自定義星形控件的項(xiàng)目第 2 部分

12 – 機(jī)械手
116 – 章節(jié)概述
117 – 動(dòng)機(jī)
118 – 創(chuàng)建我們的第一個(gè)操縱器
119 – 了解拖動(dòng)等運(yùn)動(dòng)行為
120 – 用于拖動(dòng)的操縱器
121 – 用于調(diào)整大小的操縱器 122 –
項(xiàng)目添加工具提示操縱器第 1 部分
123 – 項(xiàng)目添加工具提示操縱器第 2 部分
124 – 項(xiàng)目添加工具提示操縱器第 3 部分

13 – 額外的紀(jì)元旋轉(zhuǎn)木馬
125 – 我們要構(gòu)建什么
126 – 組裝輪播
127 – 向滾動(dòng)視圖添加內(nèi)容
128 – 讓我們實(shí)現(xiàn)滾動(dòng)行為
129 – 顯示前一個(gè)和下一個(gè)紀(jì)元
130 – 添加紀(jì)元項(xiàng)目符號(hào)

14 – 游戲項(xiàng)目
131 – 我們要構(gòu)建什么
132 – 基本布局
133 – 頂部容器的內(nèi)容
134 – 底部容器的內(nèi)容
135 – 調(diào)整字體
136 – 為 AnswerIcon 添加占位符
137 – 讓我們談?wù)勍蟿?dòng)
138 – 簡單的拖動(dòng)模式
139 – 放下圖標(biāo)
140 – 游戲架構(gòu)
141 – 游戲數(shù)據(jù)和狀態(tài)
142 – 實(shí)現(xiàn)游戲邏輯
143 – 連接游戲控制器
144 – 連接第一個(gè) UI 部分
145 – 添加一些數(shù)據(jù)，也就是一些問題
146 – 下一個(gè)提示按鈕
147 – 添加操縱器到圖標(biāo)
148 – 動(dòng)態(tài)加載真實(shí)圖標(biāo)
149 – 檢查答案
150 – 讓我們向玩家提供一些反饋
151 – 使用計(jì)時(shí)器增加壓力
152 – 謝謝