【Unity基础】初识UI Toolkit - 运行时UI

最新推荐文章于 2025-06-04 17:59:25 发布
原创 最新推荐文章于 2025-06-04 17:59:25 发布 · 1.7k 阅读 · 22 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ui #unity #游戏引擎 #编辑器

Unity中的UI工具包（UI Toolkit）不但可以用于创建编辑器UI，同样可以来创建运行时UI。

关于Unity中的UI系统以及使用UI工具包创建编辑器UI可以参见：

1. Unity中的UI系统

2. 初识UI Toolkit - 编辑器UI

本文将通过一个简单示例来介绍如何使用UI工具包来创建运行时UI。

一、创建UI Document（.uxml）

1. 使用任意模板新建一个Unity项目。

2. 在Project中，右键点击Scene，选择Create > UI Toolkit > UI Document，命名为SimpleRuntimeUI。

3. 在Project里，点击SimpleRuntimeUI右侧箭头展开后，双击inlineStyle，在文本编辑器里打开。并将文件内容替换为下面代码。

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements"

        xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements"

        noNamespaceSchemaLocation="../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">

    <ui:VisualElement style="flex-grow: 1;">

        <ui:Label text="This is a Label" display-tooltip-when-elided="true"/>
最低0.47元/天 解锁文章

200万优质内容无限畅学
Unity UIToolkit
穿越星空
08-25 2856
unity UIToolkit
【Unity基础】初识UI Toolkit - 编辑器UI
Tealc
10-29 4043
本文介绍了如何通过UI工具包（UI Toolkit）来创建一个编辑器UI。
unity手册ui基础内容
weixin_55773026的博客
07-19 1350
对unity手册ui部分的初步归纳
unity ui toolkit的使用
weixin_57856130的博客
07-25 1982
UIToolkitExamples (github)样例 GitHub - ikewada/UIToolkitExamples: チュートリアル動画「使ってみようUI Toolkit」のためのサンプルプロジェクトです 官网 Unity - Manual: UI Toolkit 视频教程 使用 UI Toolkit - 上集_哔哩哔哩_bilibili 使用 UI Toolkit - 下集_哔哩哔哩_bilibili 上篇—制作资产 UI Toolkit/UIDocument
Unity UI系统详解：从uGUI到UI Toolkit的跨平台实践
最新发布
yan_1687957的博客
06-04 442
通过// 双击手势识别（C#）Debug.Log("双击触发！");本文从零基础视角解析了Unity UI系统的核心功能，并结合鸿蒙5+的跨平台能力，提供了从基础交互到性能优化的完整方案。​​。
Unity UI Kit 快速入门指南
小宝哥Code的专栏
03-18 970
基于 GameObject 和组件的传统 UI 系统- 更现代的、基于 XML/USS 的 UI 系统本指南主要聚焦于使用最广泛的 Unity UI (UGUI) 系统，但也会简要介绍 UI Toolkit。Unity UI 系统提供了创建交互式、响应式用户界面所需的所有工具。自定义 UI 控件创建UI 内置导航系统多语言本地化辅助功能支持基于 Timeline 的 UI 序列。
【Unity UI ToolKit】01 - 新手教程 从控件创建到C#代码控制
Endboil的博客
08-30 8439
UI ToolKit分为Editor和Runtime，这里先梳理下运行时（Runtime）的，从新建工程，创建UIDocument，VisualElement，演示USS，到用C#获取控件，绑定事件等一系列基础使用流程。大致流程如下：1.创建项目。（unity版本选择及基础介绍）2.创建UIDocument3.部分基础控件VisualElement，label，button创建及样式编辑4.创建USS，及使用5.创建C#脚本，获取控件及绑定事件6.运行测试。......
【Unity UIToolkit】UIBuilder基础教程-制作简易的对话系统编辑器 3步教你玩转Unity编辑器扩展工具
Jay的游戏开发历程
10-24 5999
随着Unity开发的深入，基本的Unity编辑器界面并不能满足大部分玩家高阶开发的要求。为了提高开发的效率，有针对性的定制化扩展编辑器界面是提高开发效率的不错选择。今天就给大家带来Unity官方提高的编辑器扩展工具UIToolkit(集成了UIBuilder和UI Debugger等插件)的使用教程。本次的案例会以游戏中最常用的对话系统作为编辑器管理的内容-制作一个对话系统的编辑器界面。
【Unity UI】UI Toolkit：构建高性能游戏UI的新篇章
Unity打怪升级
08-03 1364
UI Toolkit提供了一系列工具，用于开发游戏和应用程序中的高性能和可扩展的运行时UI，包括Unity编辑器的自定义扩展和运行时调试工具。如果您有开发网页或应用程序的经验，其核心概念和工作流程将会非常熟悉。
Unity UI Toolkit:实现命令控制台 [自定义元素]
qq_36288357的博客
09-26 1161
最近在将Godot项目重写至Unity，其中有一个功能是类似于CMD控制台的功能。网上搜罗后没有发现相关实现。拙笔一篇。
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插件UIToolkit,好用的界面插件
12-15
跟EZGui差不多的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
在Unity中使用UiToolkit进行编辑器开发
R3333355726856的博客
08-13 1889
Unity使用uitoolkit进行编辑器开发
【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
【Unity3D】UI Toolkit元素
little_fat_sheep
09-04 3515
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 UIToolkit 自定义VisualElement组件
工 具 人
10-03 3603
该文章使用的Unity版本为2020.1.7f1c1 使用的package版本为UIBuilder：1.0.0-preview7，UI：1.0.0 有关如何安装的内容可以参考我前一篇文章：如何安装package 在本文中将记录如何自定义VisualElement组件，然后在UIBuilder中进行使用 1.使用UIBuilder制作一个简单的UI如下图所示 如果有需要，例子的uxml代码在下方，可参考 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmln.
【Unity UI】Ultimate Clean GUI Pack: 打造专业级2D界面的终极工具包
Unity打怪升级
07-31 1331
在Unity游戏开发中，用户界面（UI）是玩家体验的重要组成部分。一个美观、直观且响应迅速的UI能够极大地提升玩家的游戏体验。"Ultimate Clean GUI Pack"是一个专为Unity设计的2D GUI资源包，提供了一整套现代化且风格统一的界面元素，帮助你快速打造出专业级别的用户界面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tealcwu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值