Unity UIToolkit

原创 已于 2022-08-25 23:32:27 修改 · 2.9k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #游戏引擎 #UIToolkit

于 2022-08-25 23:24:39 首次发布
UI Toolkit是Unity的新UI系统，逐步替代UGUI和IMGUI。本文介绍了UI Toolkit的基本概念、安装步骤，包括editor和runtime的安装，并展示了如何在editor中创建和运行时使用UI组件，包括通过代码和UXML添加VisualElement，以及应用USS样式。

UI Tool一览

UI Toolkit简介

UI Toolkit是替代UGUI和IMGUI的新UI方案,但到目前为止依然没有成为主流的UI系统.UI Toolkit相对UGUI和IMGUI依然有一些不足的地方.

Editor Runtime
UI Toolkit 最早推出的时候并开始支持 2020版本之后才支持
UGUI 不支持 支持
IMGUI 支持 不支持

UI Toolkit安装

editor

unity从2019开始已经默认安装了ui toolkit的editor版本

runtime

  1. unity从2020版本以及2021.1版本中需要使用package安装runtime.
    通过Package Manager安装:

    • 打开Package Manager之后点击左上角的+
    • 从菜单中选择 Add package from git URL…
    • 输入com.unity.ui 之后点击Add即可
      在这里插入图片描述

  2. unity从2021.1版本开始已经将runtime的package包内嵌到了unity中

简单使用

添加editor代码

在project 视图里通过Create/UI Toolkit/Editor Window菜单即可创建一个editor脚本
在这里我创建了一个TestEditor
点击confirm之后会在project中生成三个文件,分别TestEditor.cs,TestEditor.uss和TestEditor.uxml

  • cs代码放的就是逻辑
  • uss用于描述样式
  • uxml用于描述view
public class TestEditor :
最低0.47元/天 解锁文章
【Unity编辑器拓展】Unity UI Toolkit拓展编辑器
zhoutao2333的博客
01-29 3511
1.1 导入UI BuilderUnity版本2020及以上才支持，2020版本需要打开preview，才能使用1.2 创建编辑器面板。
使用Unity UI Toolkit开发一个用于展示指定数据的工具
keeeeer的博客
03-30 1369
用UI Toolkit开发的一个Editor Window，功能较为全面。实现上主要使用了MultiColumnListView类和事件系统。
UNITY3D插件UIToolkit,好用的界面插件
12-15
跟EZGui差不多的UI插件，感觉还是比较方便的，毕竟我们多了一种选择。插件包内包含了不少例子，随便看看就很容易明白用法。
在Unity中使用UiToolkit进行编辑器开发
R3333355726856的博客
08-13 2471
Unity使用uitoolkit进行编辑器开发
UI Toolkot元素
最新发布
qq_52796826的博客
09-18 806
本文介绍了Unity UI Toolkit中的常用控件及其属性和使用方法，包括Label、Button、TextField、Toggle、RadioButton、Slider、ProgressBar、Dropdown和Foldout等。每个控件都详细说明了其核心属性，如Label的富文本支持、TextField的输入模式、Slider的取值范围等，并提供了C#代码示例展示如何创建控件、注册事件回调。文章还包含各控件的官方文档链接和实际效果演示，帮助开发者快速掌握Unity UI Toolkit的基础控件使用
【Unity UI】UI Toolkit：构建高性能游戏UI的新篇章
Unity打怪升级
08-03 1704
UI Toolkit提供了一系列工具，用于开发游戏和应用程序中的高性能和可扩展的运行时UI，包括Unity编辑器的自定义扩展和运行时调试工具。如果您有开发网页或应用程序的经验，其核心概念和工作流程将会非常熟悉。
【Unity3D】UI Toolkit元素
little_fat_sheep
09-04 3903
UI Toolkit简介 中介绍了 UI Builder、样式属性、UQuery、Debugger，UI Toolkit容器中介绍了 VisualElement、ScrollView、ListView、GroupBox 等容器，UI Toolkit样式选择器中介绍了简单选择器、复杂选择器、伪类选择器等样式选择器，本文将介绍 UI Toolkit 中的元素，主要包含 Label、Button、TextField、Toggle、Radio Button、Slider、Progress Bar、Drop
unity ui toolkit的使用
weixin_57856130的博客
07-25 2480
UIToolkitExamples (github)样例 GitHub - ikewada/UIToolkitExamples: チュートリアル動画「使ってみようUI Toolkit」のためのサンプルプロジェクトです 官网 Unity - Manual: UI Toolkit 视频教程 使用 UI Toolkit - 上集_哔哩哔哩_bilibili 使用 UI Toolkit - 下集_哔哩哔哩_bilibili 上篇—制作资产 UI Toolkit/UIDocument
Unity UI ToolKit 自定义组件
weixin_45061161的博客
08-22 1149
Unity UI ToolKit自定义组件教程
【Unity UI ToolKit】01 - 新手教程 从控件创建到C#代码控制
Endboil的博客
08-30 9072
UI ToolKit分为Editor和Runtime，这里先梳理下运行时（Runtime）的，从新建工程，创建UIDocument，VisualElement，演示USS，到用C#获取控件，绑定事件等一系列基础使用流程。大致流程如下：1.创建项目。（unity版本选择及基础介绍）2.创建UIDocument3.部分基础控件VisualElement，label，button创建及样式编辑4.创建USS，及使用5.创建C#脚本，获取控件及绑定事件6.运行测试。......
【Unity基础】初识UI Toolkit - 编辑器UI
Tealc
10-29 4617
本文介绍了如何通过UI工具包（UI Toolkit）来创建一个编辑器UI。
UIToolkit：Unity的单一绘图调用UI解决方案，具有多分辨率支持等
02-20
ODD游戏和UIToolkit 在ODD Games，我们正在为Unity开发一些非常出色的UI工具，它们都建立在UIToolkit代码库的基础上。 即将于（12/03/2014）发布： TexturePacker的“旋转”支持 简化的枢轴/锚定系统（您可以直接修改这些属性并立即更新控件） 具有自动Z排序功能的AlphaBending（这取代了AlphaTesting） 所有元素上的zPos 新的UIElement.create方法，因此可以通过锚定内联方式创建控件 更新了演示 UIToolkit for Unity UIToolkit旨在通过一次绘制调用来创建交互式菜单系统和HUD，以实现多种分辨率。 这是一个很大的任务。 该库开箱即用，提供了许多不同的UI窗口小部件，它使创建自己的窗口小部件变得非常简单。 可选提供一些处理高清分辨率的便利（例如，iPhone 3与iPho
SteamVR Unity Toolkit
11-07
SteamVR Unity Toolkit的unitypackage
UIToolkitUnityRoyaleRuntimeDemo:这是一个示例项目，介绍了如何在运行时中使用UI工具包
05-03
UI Toolkit Unity Royale运行时演示 示例项目展示了基于的UI Toolkit for Runtime的使用。 在这个项目中，我们演示了如何使用UXML和USS文件来构建运行时UI。 通过使用UI Builder，您可以轻松地编写UI，并在将UXML设置为场景中的UIDocument组件时在游戏视图中查看结果，并使用PanelSettings资产提供诸如缩放等信息。 此演示项目正在开发中，将完成更新/修复。 Unity Royale是一款基于卡片的塔防游戏，旨在展示URP和自定义着色器，可寻址对象，时间轴信号等。 安装方式 经过Unity 2020.1.0f1测试 接触 如果您对此示例有任何疑问，请加入。 建造 该项目使用可寻址对象，如果要创建该项目的可执行文件，则需要构建那些对象。 在Assets / AddressableAssetsData下找到Addres
【Unity3D】UI Toolkit简介
热门推荐
little_fat_sheep
08-30 1万+
UI Toolkit 是一种基于 Web 技术的 GUI 框架，是为了解决 UGUI 效率问题而设计的新一代 UI 系统（UGUI 的介绍详见→UGUI概述）。与 UGUI 不同，UI Toolkit 没有采用 GameObject 的方式，而是参考了 Web 技术的 XML 和 CSS 方案。这意味着它只保存变化的数据，而不是整个界面状态，这使得它具有更高的效率。UI Toolkit 的历史可以追溯到 Unity 2018 年发布的 UIElement，起初主要用于 Editor
Unity 3D 游戏开发 第3版 宣雨松——著 第五章 UI Toolkit 学习笔记
Q1678981901的博客
08-15 2699
CustomElement继承TextElement对象，在文本初始化时，可以给它强制设置一些自定义信息，比如文本的内容、字体大小、颜色等。//文本的初始化内容//在这里设置文本初始化内容set;自定义节点会保存在Library视图的Project标签中，直接将它拖入Hierarchy视图即可预览效果。
unity uitoolkit学习
u010197227的博客
05-26 1646
3、可以选择不同类型的窗体。
【Unity UIToolkit】UIBuilder基础教程-制作简易的对话系统编辑器 3步教你玩转Unity编辑器扩展工具
Jay的游戏开发历程
10-24 6677
随着Unity开发的深入，基本的Unity编辑器界面并不能满足大部分玩家高阶开发的要求。为了提高开发的效率，有针对性的定制化扩展编辑器界面是提高开发效率的不错选择。今天就给大家带来Unity官方提高的编辑器扩展工具UIToolkit(集成了UIBuilder和UI Debugger等插件)的使用教程。本次的案例会以游戏中最常用的对话系统作为编辑器管理的内容-制作一个对话系统的编辑器界面。
有关 Unity UIElements 和 UIToolkit
加载中...
08-26 5641
一、UIElements 简介 UnityUIElements：https://blog.unity.com/technology/whats-new-with-uielements-in-2019-1 如果写过 Unity 编辑器界面，应该都对 IMGUI 比较熟悉，排版布局类 EditorGUILayout 和 GUILayout 可以说都非常的经典，除此之外，还有 Odin 这类基于 IMGUI 的编辑器拓展的插件，同时也可以帮助开发者进行序列化操作…… UIElements 其实也是...
unity ui toolkit
03-13
好的，我现在要帮助用户了解如何使用Unity UI Toolkit创建用户界面。首先，我需要回忆一下Unity UI Toolkit的基本概念和步骤。根据用户提供的引用内容，特别是引用[1]和引用[3]，UI Toolkit使用USS和UXML，并且支持...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值