1. 項(xiàng)目概述為什么是UIToolkit和UIBuilder如果你是從Unity的舊版UI系統(tǒng)UGUI或者更老的IMGUI時(shí)代過(guò)來(lái)的開(kāi)發(fā)者第一次接觸UIToolkit時(shí)可能會(huì)有點(diǎn)懵。它不像UGUI那樣在場(chǎng)景視圖里拖拖拽拽就能直觀地看到UI元素。UIToolkit更像是一個(gè)基于XMLUXML和樣式表USS的聲明式UI框架這讓習(xí)慣了可視化操作的朋友們一開(kāi)始會(huì)覺(jué)得無(wú)從下手。這正是UIBuilder這個(gè)工具的價(jià)值所在——它把UIToolkit的代碼驅(qū)動(dòng)特性用可視化的方式呈現(xiàn)了出來(lái)讓你既能享受UIToolkit的性能和靈活性又能找回熟悉的“所見(jiàn)即所得”的編輯體驗(yàn)。簡(jiǎn)單來(lái)說(shuō)UIBuilder是Unity內(nèi)置的、專(zhuān)門(mén)用于可視化編輯UIToolkit UI界面的編輯器。你可以把它理解為一個(gè)簡(jiǎn)化版的網(wǎng)頁(yè)設(shè)計(jì)工具類(lèi)似Dreamweaver的簡(jiǎn)化版左邊是UI元素的層級(jí)樹(shù)和樣式列表中間是實(shí)時(shí)預(yù)覽的畫(huà)布右邊是屬性檢查器。通過(guò)它你無(wú)需手寫(xiě)一行UXML或USS代碼就能搭建出復(fù)雜的UI界面并實(shí)時(shí)看到效果。這對(duì)于快速原型設(shè)計(jì)、迭代UI布局、以及那些不擅長(zhǎng)或不想深入CSS式樣式的開(kāi)發(fā)者來(lái)說(shuō)是一個(gè)巨大的效率提升。它解決的正是從“想法”到“可視化界面”之間那道最直接的鴻溝。2. UIBuilder核心界面與工作流解析啟動(dòng)UIBuilder通常有兩種方式在Project窗口右鍵創(chuàng)建UI Document文件時(shí)選擇“Open in UI Builder”或者在Window菜單中打開(kāi)UI Builder窗口后加載一個(gè)已有的.uxml文件。打開(kāi)后你會(huì)看到幾個(gè)核心面板理解它們各自的分工是高效使用的關(guān)鍵。2.1 界面面板分工與協(xié)作畫(huà)布視圖Canvas View位于中央是你的主戰(zhàn)場(chǎng)。這里以“所見(jiàn)即所得”的方式顯示UI布局。你可以直接在這里拖拽元素來(lái)調(diào)整位置拖拽邊緣來(lái)調(diào)整大小。畫(huà)布上方有一排控件可以切換預(yù)覽設(shè)備尺寸、縮放畫(huà)布、顯示/隱藏元素邊界等這對(duì)于做響應(yīng)式或多分辨率適配非常有用。層級(jí)視圖Hierarchy View通常位于左側(cè)或下方以樹(shù)狀結(jié)構(gòu)展示所有UI元素。這里的操作邏輯和Unity的Hierarchy窗口非常像你可以通過(guò)拖拽來(lái)改變?cè)氐母缸雨P(guān)系和順序順序決定了渲染的先后越靠下的元素越晚渲染顯示在更上層。右鍵菜單可以快速?gòu)?fù)制、重命名、刪除或插入新元素。庫(kù)面板Library Pane這是你的“工具箱”。里面包含了所有可用的UI控件如VisualElement、Button、Label、TextField、ScrollView等。使用方式就是簡(jiǎn)單的拖拽到畫(huà)布或?qū)蛹?jí)視圖中。UIToolkit的強(qiáng)大之處在于其可擴(kuò)展性你自定義的控件也會(huì)出現(xiàn)在這里。檢視器面板Inspector Pane右側(cè)的核心區(qū)域其內(nèi)容會(huì)根據(jù)當(dāng)前選中的元素在畫(huà)布或?qū)蛹?jí)中點(diǎn)擊動(dòng)態(tài)變化。它分為幾個(gè)關(guān)鍵部分樣式Style 這是USS樣式屬性的可視化編輯器。你可以在這里設(shè)置位置、尺寸、背景、邊框、字體等所有樣式而無(wú)需手寫(xiě)USS。任何修改都會(huì)實(shí)時(shí)反映在畫(huà)布上。屬性Attributes 這里對(duì)應(yīng)的是UXML元素上的屬性。例如給一個(gè)Label的text屬性賦值或者給一個(gè)Button的name屬性命名。樣式表Stylesheets 管理當(dāng)前UI文檔所鏈接的USS文件。你可以在這里添加已有的.uss文件或者創(chuàng)建新的樣式表。通過(guò)樣式表可以實(shí)現(xiàn)樣式的復(fù)用和全局管理。代碼預(yù)覽Code Preview一個(gè)非常實(shí)用的輔助窗口可以實(shí)時(shí)顯示當(dāng)前UI結(jié)構(gòu)生成的UXML代碼。當(dāng)你在畫(huà)布上進(jìn)行可視化操作時(shí)可以在這里觀察代碼是如何變化的這對(duì)于學(xué)習(xí)UIToolkit的底層語(yǔ)法非常有幫助。2.2 可視化編輯的核心工作流一個(gè)典型的使用UIBuilder的工作流是這樣的規(guī)劃與布局先在紙上或腦子里想好UI的大致板塊。在UIBuilder中首先從庫(kù)中拖出一個(gè)VisualElement作為根容器然后通過(guò)不斷嵌套VisualElement來(lái)劃分區(qū)域如頭部、主體、底部。添加控件在劃分好的區(qū)域容器內(nèi)拖入具體的功能控件如Button、Label、Image等。樣式調(diào)整通過(guò)檢視器的樣式面板為每個(gè)元素設(shè)置樣式。這是最耗時(shí)的部分也是UIBuilder價(jià)值最大的地方。你可以直觀地調(diào)整顏色、邊距、對(duì)齊方式等。數(shù)據(jù)綁定與命名在檢視器的屬性面板中為關(guān)鍵控件設(shè)置一個(gè)有意義的name如confirmButton這將是后續(xù)在C#腳本中通過(guò)Q或Query方法查找該元素的唯一標(biāo)識(shí)。樣式抽象與復(fù)用當(dāng)你發(fā)現(xiàn)多個(gè)元素使用相同的樣式比如同一類(lèi)按鈕時(shí)就應(yīng)該考慮使用USS樣式表了。可以在樣式表面板中創(chuàng)建或鏈接一個(gè).uss文件然后定義樣式類(lèi)如.primary-button再將這些類(lèi)應(yīng)用到多個(gè)元素上。這樣修改樣式類(lèi)就能一次性更新所有應(yīng)用該類(lèi)的元素。注意UIBuilder雖然強(qiáng)大但它主要專(zhuān)注于靜態(tài)布局和樣式的可視化編輯。UI的動(dòng)態(tài)邏輯如按鈕點(diǎn)擊事件、數(shù)據(jù)刷新、動(dòng)畫(huà)仍然需要在C#腳本中完成。UIBuilder生成的是.uxml和.uss文件你的腳本需要加載這些文件并獲取其中命名的元素來(lái)添加交互。3. 從零開(kāi)始用UIBuilder搭建一個(gè)游戲設(shè)置界面理論說(shuō)得再多不如動(dòng)手做一遍。我們來(lái)實(shí)戰(zhàn)搭建一個(gè)游戲中常見(jiàn)的“設(shè)置界面”。這個(gè)界面包含標(biāo)題、音量控制滑塊、圖形質(zhì)量下拉菜單、確認(rèn)和取消按鈕。3.1 創(chuàng)建與基礎(chǔ)布局搭建首先在Project窗口中右鍵選擇Create - UI Toolkit - UI Document命名為SettingsPopup.uxml并雙擊在UIBuilder中打開(kāi)。設(shè)置畫(huà)布背景默認(rèn)的根ui:UXML元素是透明的。為了在設(shè)計(jì)時(shí)看得更清楚我們可以選中層級(jí)視圖中的根元素在檢視器的樣式面板中找到Background設(shè)置一個(gè)淺灰色如#F0F0F0。這只是一個(gè)設(shè)計(jì)輔助不會(huì)影響最終游戲中的效果因?yàn)橛螒蜻\(yùn)行時(shí)UI通常會(huì)覆蓋在場(chǎng)景之上。創(chuàng)建主容器從庫(kù)中拖拽一個(gè)VisualElement到畫(huà)布。這個(gè)元素將作為我們整個(gè)設(shè)置彈窗的背景板。在檢視器中樣式設(shè)置Width和Height為固定值比如400px和500px。設(shè)置Position為Absolute并通過(guò)Left、Top或使用Margin: Auto來(lái)使其在父級(jí)這里是根中居中。給它設(shè)置一個(gè)漂亮的背景色如白色#FFFFFF和圓角Border Radius 如10px并添加輕微的陰影Box Shadow來(lái)增加立體感。屬性給它起個(gè)名字比如mainContainer。使用ScrollView考慮到設(shè)置項(xiàng)可能很多我們將主容器設(shè)計(jì)為可滾動(dòng)的。實(shí)際上更佳實(shí)踐是直接將一個(gè)ScrollView拖入mainContainer作為內(nèi)容容器。這樣當(dāng)內(nèi)容超出mainContainer的高度時(shí)會(huì)自動(dòng)出現(xiàn)滾動(dòng)條。將ScrollView的寬高設(shè)置為100%以填滿(mǎn)父容器。3.2 控件添加與樣式細(xì)化現(xiàn)在在ScrollView內(nèi)部開(kāi)始添加具體的設(shè)置項(xiàng)。我們采用垂直布局每個(gè)設(shè)置項(xiàng)是一個(gè)水平排列的VisualElement。標(biāo)題拖入一個(gè)Label到ScrollView內(nèi)。在屬性面板設(shè)置text為“游戲設(shè)置”。在樣式面板設(shè)置字體大小Font Size 如24px、字體粗細(xì)Font Weight 如bold、水平對(duì)齊Align 如center并設(shè)置下邊距Margin Bottom 如20px來(lái)與后續(xù)內(nèi)容隔開(kāi)。音量控制項(xiàng)先拖入一個(gè)VisualElement作為這一行的容器。設(shè)置其Flex Direction為Row水平排列并設(shè)置Align Items為center垂直居中對(duì)齊。在這個(gè)容器內(nèi)先拖入一個(gè)Label設(shè)置text為“主音量”并給它一個(gè)固定的寬度如80px保證對(duì)齊美觀。接著拖入一個(gè)Slider滑動(dòng)條控件。在屬性面板可以設(shè)置它的low-value、high-value和value如0, 1, 0.7。在樣式面板設(shè)置Flex Grow為1這樣它會(huì)占據(jù)剩余的所有水平空間。再給它設(shè)置合適的左右邊距。最后在Slider右邊再拖入一個(gè)Label用于顯示當(dāng)前音量值。在屬性面板將其name設(shè)置為volumeValueLabeltext設(shè)置為“70%”。動(dòng)態(tài)更新這個(gè)文本需要在腳本中完成。圖形質(zhì)量項(xiàng)同樣創(chuàng)建一個(gè)Flex Direction為Row的VisualElement容器。放入Label文本為“圖形質(zhì)量”。放入一個(gè)DropdownField下拉菜單。這是UIToolkit中對(duì)應(yīng)PopupField的控件。在屬性面板我們需要通過(guò)代碼來(lái)設(shè)置選項(xiàng)列表但可以先將name設(shè)為qualityDropdown。按鈕區(qū)域在所有設(shè)置項(xiàng)下方創(chuàng)建一個(gè)新的VisualElement作為按鈕容器。設(shè)置Flex Direction為RowJustify Content為flex-end右對(duì)齊。拖入兩個(gè)Button。分別設(shè)置它們的text屬性為“取消”和“確認(rèn)”。給它們?cè)O(shè)置合適的name如cancelButton和confirmButton。為按鈕添加樣式設(shè)置內(nèi)邊距Padding、背景色、字體顏色、鼠標(biāo)懸停:hover偽狀態(tài)效果等。為了讓它們看起來(lái)更統(tǒng)一可以創(chuàng)建一個(gè)USS樣式類(lèi)比如.dialog-button將共同的樣式定義在這個(gè)類(lèi)里然后分別應(yīng)用到兩個(gè)按鈕上。3.3 引入U(xiǎn)SS實(shí)現(xiàn)樣式復(fù)用到這一步你可能已經(jīng)給多個(gè)元素重復(fù)設(shè)置了字體、顏色等樣式。是時(shí)候引入U(xiǎn)SS了。在UIBuilder的檢視器面板找到“樣式表”部分點(diǎn)擊“”號(hào)選擇“創(chuàng)建新的樣式表”命名為SettingsStyles.uss。創(chuàng)建樣式類(lèi)在樣式表面板下方點(diǎn)擊“添加新的樣式類(lèi)”輸入類(lèi)名如.title、.setting-row、.dialog-button。定義樣式選中.title類(lèi)然后在樣式面板設(shè)置字體大小、對(duì)齊方式等。這些設(shè)置會(huì)保存到.uss文件中。應(yīng)用樣式回到畫(huà)布選中“游戲設(shè)置”這個(gè)Label在檢視器的樣式面板最上方有一個(gè)“樣式類(lèi)列表”點(diǎn)擊輸入框輸入或選擇.title這個(gè)Label就應(yīng)用了該樣式類(lèi)。用同樣的方式為行容器應(yīng)用.setting-row為按鈕應(yīng)用.dialog-button。現(xiàn)在如果你需要修改所有對(duì)話(huà)框按鈕的顏色只需要在SettingsStyles.uss文件中修改.dialog-button類(lèi)的定義即可所有應(yīng)用此類(lèi)的按鈕都會(huì)自動(dòng)更新。這就是樣式分離帶來(lái)的巨大維護(hù)優(yōu)勢(shì)。4. 連接邏輯將UIBuilder界面與游戲腳本綁定UIBuilder完成了視覺(jué)部分但界面是“死”的。我們需要寫(xiě)C#腳本讓它“活”起來(lái)。主要分為兩步加載UI和綁定邏輯。4.1 創(chuàng)建UI Document并加載UXML在Unity中UIDocument組件是連接UIToolkit UI與游戲世界的橋梁。在場(chǎng)景中創(chuàng)建一個(gè)空GameObject命名為SettingsUI。為其添加UIDocument組件。將UIDocument組件的Source Asset拖拽賦值為我們剛才創(chuàng)建的SettingsPopup.uxml文件。如果你的界面使用了USS確保SettingsStyles.uss文件被鏈接在UXML文件中在UIBuilder里已完成或者可以通過(guò)代碼動(dòng)態(tài)加載。運(yùn)行游戲你應(yīng)該就能在Game視圖中看到設(shè)置界面了。但此時(shí)它還無(wú)法交互。4.2 編寫(xiě)C#腳本實(shí)現(xiàn)交互邏輯創(chuàng)建一個(gè)C#腳本SettingsPopupController掛載到SettingsUI游戲?qū)ο笊?。using UnityEngine; using UnityEngine.UIElements; public class SettingsPopupController : MonoBehaviour { // 持有對(duì)UIDocument的引用 private UIDocument m_UIDocument; // 聲明要控制的UI元素變量 private Slider m_VolumeSlider; private Label m_VolumeValueLabel; private DropdownField m_QualityDropdown; private Button m_CancelButton; private Button m_ConfirmButton; private void OnEnable() { // 獲取UIDocument組件 m_UIDocument GetComponentUIDocument(); if (m_UIDocument null || m_UIDocument.rootVisualElement null) { Debug.LogError(UIDocument or rootVisualElement is missing!); return; } // 獲取根VisualElement var root m_UIDocument.rootVisualElement; // 使用Q方法通過(guò)name查詢(xún)?cè)?m_VolumeSlider root.QSlider(volumeSlider); // 假設(shè)你給Slider的name設(shè)為了volumeSlider m_VolumeValueLabel root.QLabel(volumeValueLabel); m_QualityDropdown root.QDropdownField(qualityDropdown); m_CancelButton root.QButton(cancelButton); m_ConfirmButton root.QButton(confirmButton); // 初始化UI狀態(tài) InitializeUI(); // 注冊(cè)事件回調(diào) RegisterCallbacks(); } private void InitializeUI() { // 初始化音量滑塊和標(biāo)簽 if (m_VolumeSlider ! null m_VolumeValueLabel ! null) { float savedVolume PlayerPrefs.GetFloat(MasterVolume, 0.7f); m_VolumeSlider.value savedVolume; m_VolumeValueLabel.text ${(int)(savedVolume * 100)}%; } // 初始化圖形質(zhì)量下拉菜單 if (m_QualityDropdown ! null) { // 下拉菜單的選項(xiàng)需要在UIBuilder中設(shè)置或通過(guò)代碼設(shè)置choices // 這里假設(shè)我們通過(guò)代碼設(shè)置 m_QualityDropdown.choices new Liststring { 極低, 低, 中, 高, 極高 }; int savedQuality PlayerPrefs.GetInt(GraphicsQuality, 2); // 默認(rèn)“中” m_QualityDropdown.index savedQuality; } } private void RegisterCallbacks() { // 音量滑塊值改變事件 if (m_VolumeSlider ! null) { m_VolumeSlider.RegisterValueChangedCallback(OnVolumeChanged); } // 按鈕點(diǎn)擊事件 if (m_CancelButton ! null) { m_CancelButton.clicked OnCancelClicked; } if (m_ConfirmButton ! null) { m_ConfirmButton.clicked OnConfirmClicked; } } private void OnVolumeChanged(ChangeEventfloat evt) { // 更新音量值標(biāo)簽 if (m_VolumeValueLabel ! null) { int volumePercent (int)(evt.newValue * 100); m_VolumeValueLabel.text ${volumePercent}%; } // 這里可以實(shí)時(shí)預(yù)覽音量變化但實(shí)際應(yīng)用通常是在確認(rèn)后保存 // AudioListener.volume evt.newValue; } private void OnCancelClicked() { // 關(guān)閉設(shè)置界面不保存任何更改 this.gameObject.SetActive(false); // 或者觸發(fā)一個(gè)關(guān)閉事件 } private void OnConfirmClicked() { // 保存設(shè)置 if (m_VolumeSlider ! null) { PlayerPrefs.SetFloat(MasterVolume, m_VolumeSlider.value); AudioListener.volume m_VolumeSlider.value; // 實(shí)際應(yīng)用音頻 } if (m_QualityDropdown ! null) { PlayerPrefs.SetInt(GraphicsQuality, m_QualityDropdown.index); // 實(shí)際應(yīng)用圖形質(zhì)量設(shè)置例如QualitySettings.SetQualityLevel(m_QualityDropdown.index); } PlayerPrefs.Save(); Debug.Log(設(shè)置已保存并應(yīng)用。); // 關(guān)閉界面 this.gameObject.SetActive(false); } private void OnDisable() { // 注銷(xiāo)事件防止內(nèi)存泄漏 if (m_VolumeSlider ! null) { m_VolumeSlider.UnregisterValueChangedCallback(OnVolumeChanged); } if (m_CancelButton ! null) { m_CancelButton.clicked - OnCancelClicked; } if (m_ConfirmButton ! null) { m_ConfirmButton.clicked - OnConfirmClicked; } } }這段腳本完成了以下工作元素獲取在OnEnable中通過(guò)root.QT(“name”)方法根據(jù)我們?cè)赨IBuilder中設(shè)置的name屬性找到了對(duì)應(yīng)的UI控件。狀態(tài)初始化從PlayerPrefs或你的存檔系統(tǒng)中讀取保存的設(shè)置并應(yīng)用到UI控件上。事件綁定為滑塊注冊(cè)了值改變事件為按鈕注冊(cè)了點(diǎn)擊事件。邏輯實(shí)現(xiàn)在事件回調(diào)函數(shù)中實(shí)現(xiàn)了更新標(biāo)簽、保存數(shù)據(jù)、應(yīng)用設(shè)置、關(guān)閉界面等具體邏輯。資源清理在OnDisable中注銷(xiāo)事件這是一個(gè)非常重要的好習(xí)慣能避免游戲?qū)ο蠼没蜾N(xiāo)毀后事件引用殘留導(dǎo)致的問(wèn)題。5. 實(shí)戰(zhàn)避坑與性能優(yōu)化要點(diǎn)用UIBuilder和UIToolkit開(kāi)發(fā)UI很爽但如果不注意一些細(xì)節(jié)也會(huì)踩坑。下面是一些從實(shí)際項(xiàng)目中總結(jié)的經(jīng)驗(yàn)。5.1 常見(jiàn)問(wèn)題與排查技巧UI不顯示或顯示不全檢查UIDocument確保場(chǎng)景中的UIDocument組件正確引用了.uxml文件并且該GameObject是激活的。檢查面板順序UIToolkit的渲染順序由PanelSettings控制。確保你的UI所使用的PanelSettings的Sort Order高于其他可能覆蓋它的面板如世界空間UI。檢查樣式覆蓋可能是某個(gè)父級(jí)元素的樣式如Display: none、Visibility: hidden、Opacity: 0導(dǎo)致子元素不可見(jiàn)。使用UIBuilder的“選擇器匹配器”工具在畫(huà)布視圖右上角可以高亮顯示受當(dāng)前樣式規(guī)則影響的元素是排查樣式?jīng)_突的神器。事件不響應(yīng)檢查元素是否可交互有些元素默認(rèn)不接受點(diǎn)擊如普通的VisualElement。確保按鈕等交互元素沒(méi)有被其他透明元素遮擋雖然UIToolkit事件會(huì)穿透但最好檢查層級(jí)。檢查腳本綁定時(shí)機(jī)確保你的控制腳本在UIDocument的rootVisualElement已經(jīng)生成之后才去查詢(xún)?cè)睾妥?cè)事件。OnEnable是一個(gè)合適的時(shí)機(jī)但要確保UIDocument組件已先于腳本初始化。有時(shí)在Start中初始化更穩(wěn)妥。檢查事件注冊(cè)與注銷(xiāo)重復(fù)注冊(cè)事件會(huì)導(dǎo)致回調(diào)函數(shù)被執(zhí)行多次。確保在合適的生命周期如OnDisable中注銷(xiāo)事件。布局錯(cuò)亂理解Flexbox布局UIToolkit深度依賴(lài)CSS Flexbox模型。如果你不熟悉flex-grow、flex-shrink、justify-content、align-items這些概念布局會(huì)非常棘手。建議花點(diǎn)時(shí)間學(xué)習(xí)一下基礎(chǔ)的Flexbox知識(shí)這能解決90%的布局問(wèn)題。使用邊框盒模型在根樣式或常用容器樣式中設(shè)置box-sizing: border-box;。這能確保元素的width和height包含了內(nèi)邊距和邊框使得尺寸計(jì)算更符合直覺(jué)避免很多布局意外。5.2 性能優(yōu)化與最佳實(shí)踐樣式選擇器性能避免過(guò)度通用的選擇器如* { ... }或Button { ... }它們會(huì)影響所有匹配元素增加樣式計(jì)算開(kāi)銷(xiāo)。盡量使用類(lèi)選擇器如.my-button。減少選擇器復(fù)雜度過(guò)于復(fù)雜的選擇器鏈如#container .list .item:first-child .text會(huì)影響匹配速度。盡量保持選擇器簡(jiǎn)潔。減少VisualElement數(shù)量每個(gè)VisualElement都有內(nèi)存和性能開(kāi)銷(xiāo)。避免為了微小的布局調(diào)整而創(chuàng)建大量空的容器VisualElement。合理使用margin和padding來(lái)代替額外的嵌套。對(duì)于列表型UI如背包、聊天記錄務(wù)必使用ListView或TableView它們會(huì)重用元素而不是為每一條數(shù)據(jù)都創(chuàng)建一個(gè)新的VisualElement。這是提升滾動(dòng)列表性能的關(guān)鍵。USS與UQuery的合理使用多用USS少用內(nèi)聯(lián)樣式在UIBuilder的檢視器中直接設(shè)置的樣式最終會(huì)以?xún)?nèi)聯(lián)樣式的方式寫(xiě)入U(xiǎn)XML。這不利于復(fù)用且會(huì)覆蓋USS樣式表中的規(guī)則。盡量將樣式定義在USS文件中通過(guò)類(lèi)來(lái)應(yīng)用。緩存UQuery結(jié)果在C#腳本中頻繁使用root.QT(...)查詢(xún)?cè)厥怯虚_(kāi)銷(xiāo)的。對(duì)于需要在多幀中訪問(wèn)的UI元素應(yīng)該在Awake或OnEnable中查詢(xún)一次并緩存到成員變量中。動(dòng)態(tài)顯示/隱藏 vs 激活/禁用如果某個(gè)UI部分需要頻繁切換可見(jiàn)性使用style.display DisplayStyle.None/Flex比直接gameObject.SetActive(false/true)性能更好。因?yàn)楹笳邥?huì)觸發(fā)UIToolkit元素的完整創(chuàng)建和銷(xiāo)毀流程。對(duì)于不常變化的UI用SetActive管理則更簡(jiǎn)單。關(guān)注Rebuild與Dirty過(guò)程當(dāng)UI元素的布局、樣式或內(nèi)容發(fā)生變化時(shí)UIToolkit會(huì)標(biāo)記其為“臟”并在下一幀之前進(jìn)行重新計(jì)算和繪制Rebuild。頻繁地、在一幀內(nèi)多次修改UI屬性可能導(dǎo)致不必要的重復(fù)計(jì)算。如果可能將UI更新邏輯集中處理。UIBuilder是進(jìn)入U(xiǎn)IToolkit世界的一扇非常友好的大門(mén)。它降低了學(xué)習(xí)曲線(xiàn)讓你能快速產(chǎn)出成果。但請(qǐng)記住它只是一個(gè)設(shè)計(jì)時(shí)工具。要真正駕馭UIToolkit深入理解其背后的UXML/USS架構(gòu)、數(shù)據(jù)綁定機(jī)制如數(shù)據(jù)源、ListView以及更高級(jí)的樣式和布局技巧仍然是必不可少的。建議在熟悉UIBuilder后多看看生成的UXML/USS代碼并嘗試手寫(xiě)一些簡(jiǎn)單的界面這能幫助你更好地理解這個(gè)強(qiáng)大UI系統(tǒng)的運(yùn)作原理。