UI Tool Kit 使用

原创

已于 2023-06-19 10:08:04 修改 · 3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#unity #UIToolKit #UIBuilder

于 2023-06-17 12:54:09 首次发布

文章介绍了Unity2021中内置的UIBuilder和Toolkit如何用于创建自定义EditorWindow。通过UXML和USS文件，开发者可以构建并代码化UI组件，包括Label、Toggle、Button等，并实现事件响应。此外，文章还展示了如何使用ListView，添加计时器任务，以及扩展脚本编辑器创建自定义InspectorGUI。

Unity 2021 已经把UIBuilder 内置了，项目组也打算后续工具采用 toolkit来写，这边也是找了一下教程熟悉了一下。

UI 工具包 - Unity 手册

首先先创建一个EditorWindow

会生成相应的C#，UXML,USS代码

默认会把显示的MenuItem代码生成，以及Root VisualElement生成，会默认加载对应的uxml文件。

 [MenuItem("Tools/TestTool")]
    public static void ShowExample()
    {
        TestTool wnd = GetWindow<TestTool>();
        wnd.titleContent = new GUIContent("TestToolPanel");
    }

public void CreateGUI()
    {
        // Each editor window contains a root VisualElement object
        VisualElement root = rootVisualElement;

        // VisualElements objects can contain other VisualElement following a tree hierarchy.
        VisualElement label = new Label("Hello World! From C#");
        root.Add(label);

        // Import UXML
        var visualTree = AssetDatabase.LoadAssetAtPath<VisualTreeAsset>("Assets/Cube/delete.uxml");
        VisualElement labelFromUXML = visualTree.Instantiate();
        root.Add(labelFromUXML);

        // A stylesheet can be added to a VisualElement.
        // The style will be applied to the VisualElem