UE4学习笔记:学习UE4中的UMG(图形UI设计器)工具(一)： Widget Blueprint控件蓝图

虚幻动态图形UI设计器(UMG)是一款视觉UI创造工具，可帮助设计者将想要呈现的游戏内的HUD,菜单或与界面相关的其他图形呈现给用户，UMG核心基于控件，在专门的控件蓝图中，也就是Widget Blueprint中对控件进行编辑以及实现功能。

一. Widget Blueprint
Widget Blueprint控件蓝图用来设计UI界面以及编写脚本功能，首先是Widget Blueprint的蓝图创建方式以及内部的使用界面

在主界面的Content Browser中，右键创建高级资源->User Interface ->控件蓝图
即可创建一个Widget Blueprint

将其打开，其中的界面布局如下

蓝图编辑器被分为了8个窗口：菜单栏，工具栏，编辑器模式，控制板，层级，视觉设计器图表，详情，动画。大体与普通的蓝图差不多。特别的在于多出编辑器模式与动画。

编辑器模式可以切换设计师与图标模式，前者作为设计界面布局的模式，后者作为实现控件功能的模式。动画面板是UMG的动画轨，用来设置控件的关键帧动画。

在层级中可以看到，默认出现Canvas Panel(画板控件)，Canvs Panel作为用来放置其他控件的控件，对应图中的虚线框，在详情中可以设置其长宽比例规格等。我在控制板中搜索Button，拖动到视觉设计器图表中，并再次拖动Text控件使其成为Button的子控件，这样作为一个最简单的UI呈现，编译保存蓝图

二.实现最简单的UI

想要使UI显示在游戏内，用关卡蓝图或角色蓝图都可以。打开关卡蓝图，创建这个UI需要使用Create Widget结点，在关卡蓝图中创建一个控件对象，将其Class设置为刚才的蓝图名再用Get Player Contrller对应他的Target引脚即可

现在只是创建了控件对象，要让其显示，还需要Add to Viewport结点，连线如下(为了可以体现游戏中与控件交互，显示了游戏中光标)

这样运行游戏就会出现显示控件了

UE4学习笔记:学习UE4中的UMG(图形UI设计器)工具(一)： Widget Blueprint控件蓝图相关推荐

UE4学习笔记:学习UE4中的UMG(图形UI设计器)工具(四)：UMG中的动画
学习完了各自控件及操作后来了解控件蓝图中的动画功能一.简单的UI动画我们先来接触控件蓝图左下角的动画面板,首先在视觉界面中添加一个Image控件,并设置图片在动画面板中单击+Animation, ...
Building Worlds In Unreal 学习笔记——24-28 UE4.26的河流系统/自动河床材质/浮力/交互水面
Building Worlds In Unreal 学习笔记--24-28 UE4.26的河流系统/自动河床材质/浮力/交互水面 Lec24 用UE4.26的水来做一条河 River Water wi ...
SpringBoot学习笔记(4)----SpringBoot中freemarker、thymeleaf的使用
1. freemarker引擎的使用如果你使用的是idea或者eclipse中安装了sts插件,那么在新建项目时就可以直接指定试图模板如图: 勾选freeMarker,此时springboot项目 ...
Hadoop学习笔记—11.MapReduce中的排序和分组
Hadoop学习笔记-11.MapReduce中的排序和分组一.写在之前的 1.1 回顾Map阶段四大步骤首先,我们回顾一下在MapReduce中,排序和分组在哪里被执行: 从上图中可以清楚地看出 ...
【theano-windows】学习笔记十七——梯度中的consider_constant
前言主要是在写玻尔兹曼机相关的theano时, 在计算梯度grad的时候发现一个参数名字叫做consider_constant,来看看这个到底做了什么事情参考博客: using consider_ ...
【theano-windows】学习笔记十一——theano中与神经网络相关函数
前言经过softmax和MLP的学习, 我们发现thenao.tensor中除了之前的博客[theano-windows]学习笔记五--theano中张量部分函数提到的张量的定义和基本运算外, 还有 ...
【theano-windows】学习笔记六——theano中的循环函数scan
前言 Scan是Theano中最基础的循环函数, 官方教程主要是通过大量的例子来说明用法. 不过在学习的时候我比较习惯先看看用途, 然后是参数说明, 最后再是研究实例. 国际惯例, 参考网址官网关于 ...
SpringBoot学习笔记(9)----SpringBoot中使用关系型数据库以及事务处理
在实际的运用开发中,跟数据库之间的交互是必不可少的,SpringBoot也提供了两种跟数据库交互的方式. 1. 使用JdbcTemplate 在SpringBoot中提供了JdbcTemplate模板 ...
cockroachdb mysql_CockroachDB学习笔记——[译]CockroachDB中的SQL：映射表中数据到键值存储...
CockroachDB学习笔记--[译]CockroachDB中的SQL:映射表中数据到键值存储原文标题:SQL in CockroachDB: Mapping Table Data to Key- ...
vue文件里在style的样式需要什么loader_Vue学习笔记之Webpack中css、less、图片等文件处理...
一.webpack中使用css文件: loader是webpack中一个非常核心的概念,去转化webpack不能转化或打包的文件. 安装loader: 官网介绍: 安装: cnpm install - ...

UE4学习笔记:学习UE4中的UMG(图形UI设计器)工具(一)： Widget Blueprint控件蓝图

UE4学习笔记:学习UE4中的UMG(图形UI设计器)工具(一)： Widget Blueprint控件蓝图相关推荐

最新文章

热门文章