UI Toolkit是Unity內(nèi)置的一個(gè)游戲UI解決方案。借鑒了web前端的設(shè)計(jì)模式。

web前端使用css，html，js。

其中css定義樣式

html定義層級(jí)

js處理邏輯

UI Toolkit則是使用uss，uxml，C#

如果直接使用Unity提供的可視化UI創(chuàng)建工具創(chuàng)建UI面板，一個(gè)一個(gè)添加元素，只會(huì)生成uxml文件，樣式直接通過(guò)內(nèi)聯(lián)樣式的形式給出。

UI，User Interface的縮寫(xiě)。UI通常被認(rèn)為是前端。所謂前端的本質(zhì)，其實(shí)就是數(shù)據(jù)的映射。把數(shù)據(jù)映射成更加適合用戶操作的模式，這就是前端。

我們通常需要解決幾個(gè)問(wèn)題：

數(shù)據(jù)輸入：

數(shù)據(jù)處理：

數(shù)據(jù)輸出：

在Unity中，我們可以從.csv文件中讀取數(shù)據(jù)，作為數(shù)據(jù)的輸入。這通?？梢宰鳛閱螜C(jī)游戲的固定參數(shù)處理方式。比如各個(gè)等級(jí)的游戲數(shù)據(jù)。

如果涉及到聯(lián)機(jī)模式，我們可能需要考慮從網(wǎng)絡(luò)獲取數(shù)據(jù)輸入。

數(shù)據(jù)處理。Unity的UI Panel提供了事件和操縱器處理用戶輸入。

數(shù)據(jù)輸出。我們需要把數(shù)據(jù)以一定的模式輸出到用戶界面。

在Unity的UI編輯器中，我們可以通過(guò)可視化的方式創(chuàng)建UI內(nèi)容。這個(gè)UI是支持FlexBox模式的。

創(chuàng)建完成的UI Document如何使用呢

在場(chǎng)景的根節(jié)點(diǎn)下掛載一個(gè)空對(duì)象。

重命名為Screen。

在Screen上掛載一個(gè)UI Document組件。

把設(shè)置文件拖動(dòng)到插槽中。

把剛才生成的uxml文件拖動(dòng)到插槽中。

在Screen上掛載一個(gè)C#腳本。

可以使用UQuery語(yǔ)法在C#中查找到元素。

基礎(chǔ)元素都是VisualElement類的對(duì)象。

類似于選擇器語(yǔ)法。

然后可以直接對(duì)其上的style屬性進(jìn)行設(shè)置。

需要編寫(xiě)ScriptableObecjt來(lái)保存UI數(shù)據(jù)。