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

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"/>

        <ui:Button text="This is a Button" display-tooltip-when-elided="true" name="button"/>

        <ui:Toggle label="Display the counter?" name="toggle"/>

        <ui:TextField picking-mode="Ignore" label="Text Field" text="filler text" name="input-message" />

    </ui:VisualElement>

</ui:UXML>

二、将UI Document与场景关联

1. 在场景中,选择菜单GameObject > UI Toolkit > UI Document,新建一个对象。在Hierarchy中选择UIDocument,将Project中的SimpleRuntimeUI.uxml拖到Inspector中的Source Asset中。

三、创建MonoBehaviour脚本

1. 选择菜单Assets > Create > Scripting > Monobehaviour Script,创建脚本并命名为SimpleRuntimeUI.cs

2. 双击SimpleRuntimeUI.cs,打开后将内容替换为下面代码。

using UnityEngine;

using UnityEngine.UIElements;

public class SimpleRuntimeUI : MonoBehaviour

{

    private Button _button;

    private Toggle _toggle;

    private int _clickCount;

    //Add logic that interacts with the UI controls in the `OnEnable` methods

    private void OnEnable()

    {

        // The UXML is already instantiated by the UIDocument component

        var uiDocument = GetComponent<UIDocument>();

        _button = uiDocument.rootVisualElement.Q("button") as Button;

        _toggle = uiDocument.rootVisualElement.Q("toggle") as Toggle;

        _button.RegisterCallback<ClickEvent>(PrintClickMessage);

        var _inputFields = uiDocument.rootVisualElement.Q("input-message");

        _inputFields.RegisterCallback<ChangeEvent<string>>(InputMessage);

    }

    private void OnDisable()

    {

        _button.UnregisterCallback<ClickEvent>(PrintClickMessage);

    }

    private void PrintClickMessage(ClickEvent evt)

    {

        ++_clickCount;

        Debug.Log($"{"button"} was clicked!" +

                (_toggle.value ? " Count: " + _clickCount : ""));

    }

    public static void InputMessage(ChangeEvent<string> evt)

    {

        Debug.Log($"{evt.newValue} -> {evt.target}");

    }

}

3. 保存文件并返回Unity。在Hierarchy中选择UIDocument,将Project中的SimpleRuntimeUI拖到Inspector的空白处,给UIDocument添加脚本组件。

4. 点击“运行”,在Game窗口中就可以看到如下UI。点击Button,可以在控制台看到输出的消息。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/58343.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Nginx 迁移到 Caddy:一次完整的反向代理配置迁移实践

文章目录 从零开始&#xff1a;Ubuntu 系统 Nginx 迁移到 Caddy 的完整指南一、背景介绍二、为什么选择 Caddy&#xff1f;三、安装 Caddy1. 使用官方包仓库安装2. 验证安装3. 配置系统服务 四、配置文件位置五、从 Nginx 迁移配置1. 原 Nginx 配置分析2. 转换为 Caddy 配置 六…

Docker Compose一键部署Spring Boot + Vue项目

目录 前提条件 概述 Compose简介 Compose文件 Compose环境 Compose命令 帮助命令 关键命令 Compose部署项目 初始化环境 查看代码文件 sql数据准备 nginx配置文件准备 创建 compose.yaml 一键启动compose多个容器 浏览器访问虚拟机ip:80(可省略默认的80端口) …

动态代理:面向接口编程,屏蔽RPC处理过程

RPC远程调用 使用 RPC 时&#xff0c;一般的做法是先找服务提供方要接口&#xff0c;通过 Maven把接口依赖到项目中。在编写业务逻辑的时候&#xff0c;如果要调用提供方的接口&#xff0c;只需要通过依赖注入的方式把接口注入到项目中&#xff0c;然后在代码里面直接调用接口…

13.音乐管理系统(基于SpringBoot + Vue)

目录 1.系统的受众说明 ​​​​​​​ 2 需求分析 2.1用例图及用例分析 2.1.1 用户用例图及用例分析 2.1.2 管理员用例图及用例分析 2.2 系统结构图和流程图 2.2.1 音乐播放器的系统流程图&#xff08;图2.2.1-1&#xff09; 2.2.2 系统功能表&#xff08;表2.2.2…

【HarmonyOS】鸿蒙应用低功耗蓝牙BLE的使用心得 (一)

【HarmonyOS】鸿蒙应用低功耗蓝牙BLE的使用心得&#xff08;一&#xff09; 一、前言 鸿蒙官网文档中蓝牙部分&#xff0c;对于之前没有开发过蓝牙的同学&#xff0c;使用和查阅起来不是很方便。因为只是API的调用说明。并没有蓝牙整个调用流程的讲解&#xff0c;所以看起来会…

Go语言中数据类型与变量的用法

数据类型详解 在Go语言中&#xff0c;数据类型分为以下几类&#xff1a;基本类型、复合类型和特殊类型。理解这些数据类型可以帮助我们更高效地操作数据和设计程序。 1. 基本数据类型 基本数据类型包含数值类型、布尔类型和字符串类型。 1.1 整数类型 Go支持多种整数类型&…

Golang的多版本管理

Golang的多版本管理 一、 为什么需要多版本管理&#xff1f; 现代软件开发中&#xff0c;随着项目日益复杂&#xff0c;往往需要使用不同的Golang版本来适配不同的依赖库或者框架。同时&#xff0c;不同的项目也可能需要不同的Golang版本来编译和执行。因此&#xff0c;多版本管…

解决milvus migration 迁移数据到出现数据丢失问题

在迁移数据的时候发现数据丢失 问题是数据在批量迁移的过程中&#xff0c;这个错误会被忽略掉 分析下来是因为buuferSize 设置的是500条数据&#xff0c;但是迁移工具对一次迁移的数据是是有大小限制的&#xff0c;如果500条数据的总大小大于4194304&#xff0c;就会导致数据…

Nop平台与SpringCloud的功能对比

Nop平台是根据可逆计算原理从零开始设计并实现的新一代的低代码平台&#xff0c;它的目标并不是针对少数固化的场景提供预置的开发脚手架和可视化设计工具&#xff0c; 而是打破描述式编程和传统命令式编程之间人为制造的藩篱&#xff0c;建立两者无缝相容的一种新的编程范式。…

基于SpringBoot云养鸡互动平台的设计与实现

前言 对于当今社会的人们来说&#xff0c;互联网技术是必不可少的&#xff0c;随着经济和技术的不断发展&#xff0c;计算机已经深入到各个领域。云养鸡互动平台将人们的时间需求与计算机技术结合起来&#xff0c;架起一座桥梁&#xff0c;使云养鸡互动更加方便快捷。云养鸡互…

使用Kubernetes管理容器化应用

使用Kubernetes管理容器化应用 Kubernetes简介 安装Kubernetes 安装Minikube 启动Minikube集群 创建一个简单的Web应用 创建项目目录 初始化项目 安装Node.js依赖 创建Docker镜像 编写Dockerfile 构建并推送Docker镜像 创建Kubernetes配置文件 创建Deployment 创建Service …

ORA-12170: TNS: 连接超时,oracle透过防火墙windows设置USE_SHARED_SOCKET=TRUE

windows单机的oracle数据库&#xff0c;ORA-12170: TNS: 连接超时 sohu博客不能用了&#xff0c;还是挪到csdn靠谱些&#xff1a; 现象如下&#xff1a; 服务器通过junfer防火墙映射端口到内部的一台机器。 内网可以telnet xxx 1522是通的&#xff0c; SQL> conn probl…

Go encoding/json库

JSON在网络上广泛使用&#xff0c;是一种基于文本的数据传输方式。在本集中&#xff0c;我们将与 Daniel Marti 一起探索 Go 的 encoding/json 包和其他包。 本篇内容是根据2020年7月份[#141 {“encoding”:“json”}](https://changelog.com/gotime/141 “#141 {“encoding”…

使用飞桨AI Studio平台训练数据,并进行图像识别分析得牡丹花测试

&#x1f3bc;个人主页&#xff1a;【Y小夜】 &#x1f60e;作者简介&#xff1a;一位双非学校的大二学生&#xff0c;编程爱好者&#xff0c; 专注于基础和实战分享&#xff0c;欢迎私信咨询&#xff01; &#x1f386;入门专栏&#xff1a;&#x1f387;【MySQL&#xff0…

自适应神经网络架构:原理解析与代码示例

个人主页&#xff1a;chian-ocean 文章专栏 自适应神经网络结构&#xff1a;深入探讨与代码实现 1. 引言 随着深度学习的不断发展&#xff0c;传统神经网络模型在处理复杂任务时的局限性逐渐显现。固定的网络结构和参数对于动态变化的环境和多样化的数据往往难以适应&#…

R语言实现GWAS meta分析(1)

1、基于数据集的Meta分析 datafilenamec("data1.txt","data2.txt"), setwd(workdir) library(Metalgwas) a1 name1c() for(i in datafilename){ assign(paste("file",a,sep""),data.table::fread(paste(getwd(),"/","…

Python小白学习教程从入门到入坑------第十八课 异常模块与包【上】(语法基础)

一、异常 在Python中&#xff0c;异常&#xff08;Exception&#xff09;是一种用于处理在程序运行时可能发生的错误情况的机制 异常允许程序在检测到错误时不是简单地崩溃&#xff0c;而是能够优雅地处理这些错误&#xff0c;可能包括记录错误信息、清理资源、或者向用户提…

SpringBoot接收RequestBody数据时,参数大写接收不到数据以及解决办法

在Spring Boot应用程序中&#xff0c;如果你发现当请求体&#xff08;RequestBody&#xff09;中的参数名是大写时无法接收到数据&#xff0c;这可能是因为HTTP请求的Content-Type头以及Spring Boot处理JSON的方式默认情况下对属性名称的大小写敏感。 当你使用RequestBody注解…

A4-C四驱高防变电站巡检机器人

在电力行业数字化、智能化转型进程中&#xff0c;搭载多模态成像传感器的变电站巡检机器人、视频监控设备逐渐取代传统人工&#xff0c;成为变电设备状态监测的主要工具。变电站巡检机器人具有全天候、非接触式、多参量测量等特点&#xff0c;结合内置人工智能算法完成仪表识别…

【C++】类和对象练习——日期类的实现

实现功能&#xff1a; 1.h文件&#xff1a;Date类内&#xff1a; 内联函数&#xff1a; 检查日期是否合法 //检查日期是否合法的函数 bool CheckDate() {if (_month < 1 || _month>12|| _day< 1 || _day>GetMonthDay(_year, _month)){return false;}} 获取每个月…