Unreal 5 实现UI制作

news2024/11/19 7:26:01

这一篇讲解一下unreal engine里面的内置ui插件UMG,虚幻示意图形界面设计器(Unreal Motion Graphics UI Designer)(UMG) 是虚幻引擎内置的一套ui制作工具,通过它我们能够实现平面ui,场景hud内容
在这里插入图片描述

实现背景图片填充整个屏幕

首先将图片拖入到屏幕,然后设置锚点为全屏
在这里插入图片描述
然后将其它值设置为0 ,这样就可以自动平铺整个平面
在这里插入图片描述

设置可视 可交互和隐藏

在控件的右侧细节,找到可视性,可以设置自身可视,隐藏,以及交互的设置(包括自身的子类)
在这里插入图片描述

修改颜色

在笔刷里面找到着色,可以将颜色应用到图像。
在这里插入图片描述

制作按钮蓝图

如果ui上面有很多个按钮,正常的制作方式是需要制作一个按钮蓝图,然后再需要使用的地方多次放置按钮蓝图组件去实现。
首先创建一个新的用户组件蓝图,然后尺寸调整成固定大小
在这里插入图片描述
在层级列表拖入一个按钮,然后再拖入一个文本
在这里插入图片描述
选择按钮,在右侧找到它的外观
在这里插入图片描述
打开普通,将其着色的透明度改成0,按钮将没有了默认颜色
在这里插入图片描述
当鼠标悬停上面的效果,我们也可以单独设置
在这里插入图片描述
还可以设置鼠标悬停到按钮上面的音效,以及点击的音效
在这里插入图片描述
记得将按钮的轮廓设置为0,如果有轮廓,按钮周围会边缘虚化
在这里插入图片描述
在文本这里,我们可以修改文字的字体,大小,颜色,以及增加字体的阴影
在这里插入图片描述
添加文本动画,点击动画,选中文本块,添加一个动画,在轨迹里面,将文本节点添加轨道
在这里插入图片描述
选择右侧的轨道,可以增加多种属性
在这里插入图片描述
这里我增加了一个变换,变换里面去修改缩放的值
在这里插入图片描述
将时间轴拖拽到目标时间,然后去修改缩放的值
在这里插入图片描述
动画的使用需要在按钮上面绑定事件,然后在事件中调用
在这里插入图片描述
点击后面的+号,会在图表中默认创建对应的事件
在这里插入图片描述
在变量里面找到创建的按钮动画
在这里插入图片描述
将变量拖入图表中,然后调用播放动画去播放即可
在这里插入图片描述
在未悬停时,我们需要倒序播放,来实现默认,在play Mode那里改成翻转即可,它将从结束位置向开始位置播放
在这里插入图片描述
接着将在悬停时要实现修改文本的颜色,那么要先将文本设置为变量,选择文本,将是变量勾选,这样在图表中就可以使用
在这里插入图片描述
在图表中,选择需要修改的节点
在这里插入图片描述
选择设置颜色和不透明度,新创建一个颜色设置
在这里插入图片描述
因为每个文本上的显示的内容不一样,我们需要实现按钮内容可以在外部修改,创建一个文本变量
在这里插入图片描述
细节上设置可编辑实例,生成时公开,这样使用按钮蓝图时,可以在使用时编辑显示的文本内容
在这里插入图片描述
在文本块属性找到文本,选择绑定此文本内容,文本块就可以显示设置的内容
在这里插入图片描述
官方不推荐这种方式,官方推荐只绑定一次的事件去设置
在这里插入图片描述
这种只运行一次,而且不会每帧去更新文本内容。

在主界面增加一组按钮

为了保证按钮能够对齐,我们需要在按钮外面增加垂直框或者水平框,一个是水平对齐排列,一个是垂直对齐排列
在这里插入图片描述
这里使用了垂直框,按钮拖入,只会上下排列,按钮使用了填充
在这里插入图片描述
退出游戏上面有个单独的空格,可以单独修改顶部填充
在这里插入图片描述

给按钮绑定事件

在主界面中,我们添加了几个按钮,需要在按钮点击时,触发事件,由于每个按钮触发事件不同,我们将需要事件绑定写到主界面的事件图表中。在图表中的变量拖住按钮蓝图,从里面获取到按钮组件,选择绑定事件到点击时
在这里插入图片描述
在事件构造启动时,去绑定事件,事件构造会在ui创建完成后执行
在这里插入图片描述

将ui添加到运行场景

点击打开关卡蓝图
在这里插入图片描述
在事件开始运行时,创建控件
在这里插入图片描述
类选择刚才穿件的ui控件,并保存变量
在这里插入图片描述
将控件添加到视口,即可实现ui显示在屏幕
在这里插入图片描述

设置只允许UI相应输入

使用设置出入模式游戏和UI,目标是玩家控制器,选择聚焦的UI控件,设置鼠标锁定模式,并且设置在点击时,是否隐藏鼠标的设置
在这里插入图片描述

设置进入游戏默认显示鼠标

设置鼠标默认显示需要在玩家控制器类里面设置
在这里插入图片描述
玩家控制器类需要在世界场景设置里面找到玩家控制器类,如果没有可以选择添加
在这里插入图片描述

实现点击跳转网页

在这里插入图片描述

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

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

相关文章

【MySQL数据管理】:插入、修改、删除操作

前言 ✨欢迎来到小K的MySQL专栏,本节将为大家带来MySQL数据插入、修改、删除的讲解✨ 目录 前言一、插入数据二、修改数据三、删除数据四、总结 一、插入数据 使用INSERT INTO语句来向表中插入数据 ✨语法: 给指定字段添加数据 INSERT INTO 表名 (字段…

ctfshow web入门 php特性web98-102

1.web98 get会被post方式覆盖,传入的参数需要等于flag,才能读取到flag值,如果直接传http_flagflag,返回的结果会是一个空数组,因为get变量被覆盖了,而post没有传参 payload: get 11 post HTTP_FLAGflag 2.web99 array_push在数组…

机器视觉初步8:特征提取专题

文章目录 1.角点检测2.纹理特征提取3.特征描述符匹配3.1 Harris角点描述符3.2 SIFT(尺度不变特征变换)描述符3.3 SURF(加速稳健特征)描述符 4.基于深度学习的特征提取 在机器视觉中,特征提取是从目标图像中提取有用的视…

C语言:打印菱形(输入菱形上半部分行数)

题目: 用C语言在屏幕上输入以下图案: 思路: 总体思路: (一). 输入菱形上半部分行数 -- scanf()函数 (二). 使用 for循环 进行 菱形上半部分三角形 的打印, 菱形上半部分…

基于5G网络的视频远程操控应用实践——低延迟视频技术及应用

本次分享将分为三个部分:第一部分介绍低延迟视频所涉及到的关键技术,包括低延迟视频编解码、视频传输、视频处理低延时框架、视频采集和显示;第二部分重点介绍5G环境下低延迟视频对抗弱网提出的要求,包括:弱网状态的探…

Vulcanexus-一体化ROS2工具集

Vulcanexus机器人操作系统ROS2一站式工具集(GalacticHumble)2022 Humble Hierro v2 x86_64 arm64 Ubuntu Jammy (22.04) Vulcanexus是ROS 2的一站式工具集,用于构建机器人应用程序。它固定了DDS中间件,使用了Fast DDS&#xff…

word文件未保存 如何恢复

问题 word文件未保存 如何恢复 详细问题 笔者关闭已编辑完成的word文件,误触不保存,再次打开文件恢复至编辑前的状态,如何恢复至编辑完成后的状态 解决方案 文件 → \rightarrow →打开 → \rightarrow →恢复未保存的文件 或 1、打开 …

Spring关于@Configuration配置处理流程解析

Configuration配置处理流程解析 AnnotationConfigApplicationContext基于注解配置ApplicationContext启动刷新流程Spring关于Configuration解析处理流程那些年被忽略问题 AnnotationConfigApplicationContext基于注解配置 Spring通过上下文应用AnnotationConfigApplicationCon…

10- c语言复合数据类型 (C语言)

一 结构体 1.1 引入 1、在自然界中 任何一个物体,都有多个属性,如果用计算机语言来描述的话,一个属性也许可以用某一个基本数据类型来表示,但是当有多个属性的时候,一个基本数据类型就不能表示了。例如:学…

ML算法——线代预备知识随笔【机器学习】

文章目录 数学预备知识3、线性代数3.1、矩阵奇异值分解(SVD)3.2、广义逆矩阵(Moore-Penrose )3.3、数据白化(Data Whitening)3.4、向量导数 4、其它 数学预备知识 3、线性代数 3.1、矩阵奇异值分解&#…

最小化暗数据风险的 5 个步骤

超过一半的公司数据存储库包含哪些内容,但大多数人甚至不知道自己拥有什么?这是暗数据,是公司在不知不觉中收集的信息,它们不是日常业务交互的组成部分,因此通常位于后台。 虽然这些数据对于大多数公司来说似乎是不必…

C语言——数据的输入输出

数据的输入输出 前言:一、格式输入输出函数1.格式输出函数printf()2.格式输入函数scanf() 二、字符输入输出函数1.字符输出函数putchar()2.字符输入函数getchar() 三、字…

JUC并发工具类--阻塞队列BlockingQueue

JUC并发工具类--阻塞队列BlockingQueue 队列队列(Queue接口)提供的方法 阻塞队列阻塞队列(BlockingQueue接口)提供的方法应用场景JUC包下的阻塞队列如何选择适合的阻塞队列选择策略线程池对于阻塞队列的选择 队列 是限定在一端进…

Servlet技术实现服务端,Android平台作为客户端,实现一个个人店铺

背景: 使用Servlet技术实现服务端,使用Android平台作为客户端,实现一个个人店铺,店铺商品不限。功能要求如下: 1. 提供登录、注册功能;(10分) 2. 首页面包括“商品列表”子页面、“…

ATA-8000系列射频功率放大器——在生物医学中的应用

ATA-8000系列射频功率放大器——在生物医学研究中的应用 ATA-8000系列是一款射频功率放大器。其P1dB输出功率500W,饱和输出功率最大1000W。增益数控可调,一键保存设置,提供了方便简洁的操作选择,可与主流的信号发生器配套使用&…

VulnHub靶机渗透:SKYTOWER: 1

SKYTOWER: 1 靶机环境介绍nmap扫描端口扫描服务扫描漏洞扫描总结 80端口目录爆破 3128端口获取立足点获取立足点2提权总结 靶机环境介绍 https://www.vulnhub.com/entry/skytower-1,96/ 靶机IP:192.168.56.101 kali IP:192.168.56.102 nmap扫描 端口扫…

h5手写签名示例

前言 业务中需要用户进行签字&#xff0c;如何让用户在手机端进行签字&#xff1f; 示例如下 代码已分享至Gitee: https://gitee.com/lengcz/qianming 原示例&#xff1a; https://www.jq22.com/jquery-info13488 H5实现手写签字 创建一个html页面 <!DOCTYPE html> …

<Oracle>《Linux 下安装Oracle数据库 - Oracle 19C By CentOS 8 》(第一部分)

《Linux 下安装Oracle数据库 - Oracle 19C By CentOS 8 》&#xff08;第一部分&#xff09; 1 说明1.1 前言1.2 资源下载 2 安装步骤2.1 上传安装包2.2 下载数据库预安装包2.3 安装数据库预安装包 1 说明 1.1 前言 本文是Linux系统命令行模式安装Oracle数据库的学习实验记录…

【American English】实验室常用口语对话

不懂不丢人&#xff0c;不懂装懂才丢人。最近有点犯这毛病&#xff0c;多写一些东西消除一下。 无论什么知识都是多了才能成体系&#xff0c;更多自己在美国的小总结可见专栏&#xff1a;English。 文章目录 初次见面日常问候找寻某个东西找寻某个人 初次见面 Nice to meet you…

Linux之tar安装

目录 Linux之tar安装 定义 工作过程 语法格式 参数及用法 使用源代码安装软件的优点 注意&#xff1a;源代码编译环境 操作流程 解包 —— tar 配置 —— ./configure 编译 —— make 安装 —— make install 案例 --- 安装Apache服务 1.获取安装包地址并下载 2…