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

web前端使用css，html，js。

其中css定義樣式

html定義層級

js處理邏輯

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

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

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

我們通常需要解決幾個問題：

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

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

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

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

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

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

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

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

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

在場景的根節(jié)點下掛載一個空對象。

重命名為Screen。

在Screen上掛載一個UI Document組件。

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

把剛才生成的uxml文件拖動到插槽中。

在Screen上掛載一個C#腳本。

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

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

類似于選擇器語法。

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

需要編寫ScriptableObecjt來保存UI數(shù)據(jù)。