UE4的UI基础（01）
1. UMG基本控件
Canvas（画布）
- 超出画布之外的空间不渲染，画布只能通过设置分辨率设置其大小。在UE4中，画布默认存在，在UE5中，画布需要手动添加。
Overlap（覆层）
- 覆层可以拥有多个子控件，用于让控件一层层的叠在一起。
- 一般用于制作子控件，选择Custom或者Desired。
- 子控件不具有锚点、位置等特征。
Border（边界）
- 边界控件只包含一个子控件，用来充当背景。
- 子控件不具备自由设置锚点、位置、尺寸等特征。
Wrap Box（包裹框）
- 包裹框是为多个子控件打包的盒子，当子控件放不下时会以包裹框的尺寸自动换行。
- 可以通过设置值插槽填充设置子控件之间的间距。
- 如果作为子控件无法更改本身的尺寸，可以勾选并设置包裹尺寸设置包裹控件的换行宽度。
Size Box（尺寸框）
- 尺寸框只能有一个子控件。
- 子控件的大小只要有勾选大小到内容才有效。
Horizontal Box（水平面板）
各个元素只能在水平面板中水平填充，位置只能左右移动。
Vertical Box（垂直面板）
各个元素只能在垂直面板中垂直填充，位置只能上下移动。
Image（图像控件）
Anchors（锚点）
- 锚点默认在左上角。
- 无论屏幕分辨率多大，锚点始终相对于屏幕变化。
Text（文本控件）
Text Box（文本框）
文本框给用户提供输入文本的控件。
Text Box(Multi-Line)（多行文本框）
- 多行与单行文本框基本类似，只是多行中按Enter为换行，而单行中按Enter为提交。
Button（按钮）
- 按钮仅允许一个子控件。
- 按钮的样式可根据状态发生变化。
Slider（滑条）
ProgressBar（进度条）
CheckBox（选择框）
RichTextBlock（多格式文本块）
- 多格式文本又称富文本，在单一文本段中出现多种文本样式（字体、大小、颜色、格式），还可加入图像。
- 使用多格式文本块的步骤：
- 创建数据表格，选择RicchTextStyleRow。
- 在数据表格中点击添加，必须要有一行名为Default的数据。
- 添加相应格式的行，设置字体大小与颜色。
选择所使用的数据集，并使用特定格式给特殊样式的字附样式。
User Create（自定义控件）
- 在实际情况中用的很多，多用于多层封装功能时使用。
Named Slot（命名插槽）
- 插槽的作用类似于模板，主要运用于自定义控件中，用于接下来要用该自定义控件来完成。
- 插槽更新后需要重新拖入。
ComboBoxString（组合框）
组合框用于实现下拉选项。
Widget Switcher（控件切换器）
- 有多个子控件，用于显示指定索引的子控件。
- 通过索引显示子控件，索引从0开始。
Uniform Grid Panel（统一网格面板）
- 有多个子控件，且子控件的大小一致。
- 子控件的位置通过上、下、左、右来移动，允许控件的堆叠。
- 统一网格面板可以设置插槽填充，来设置内部子控件上、下、左、右的边距。
- 子控件无法设置自己的尺寸。
Grid Panel（网格面板）
- 网格面板需要设置填充规则，列填充为水平方向的填充，行填充为垂直方面的填充。
- 列填充和行填充设置在网格面板的排列位置，各子控件的上、下、左、右控制自己所在的位置。
Scroll Box（滚动框）
超出滚动框的部分，会显示滚动条。
Background Blur（背景模糊）
2. UI动画的基础
2.1 动画轨道的添加
2.2 简单的变换
- Render Opacity：渲染透明度
- Transform：变换（平移、旋转、缩放）
- Visibility：可视性
2.3 动画的播放与停止
先找到创建好的动画。
使用Play Animation来播放创建好的动画。
- Play Mode有三种播放模式：
- Forward：正向播放
- Reverse：反向播放
- Ping Pong：一次播放，先正向播放，再反向播放
使用Stop Animation来停止播放的动画。
使用is Animation Playing来判断动画是否正在播放。
3. 控件蓝图的使用
3.1 创建控件蓝图
- 创建控件蓝图应写在HUD中。
- 设置控件可视性。
3.2 删除控件蓝图
3.3 设置游戏暂停
- 使用Set Input Mode UI Only和Set Game Paused来暂停游戏。
- 使用Set Input Mode Game Only和Set Game Paused来继续游戏。
3.4 设置游戏退出
使用Quit Game来退出游戏。
3.5 3D-UI的使用
- 创建3D-UI
- 在Actor中添加 Widget。
- 创建3D-UI的互动
- 将PlayerController的Show Mouse Cursor打钩。
- 添加Widget Interaction，并设置Interaction Source为Mouse。
- 在蓝图中使用Widget Interaction的Press Pointer Key来模拟与3DUI的互动。
UE4的UI基础（01）相关推荐
- 2016iOS之UI基础视频-传智-专题视频课程
2016iOS之UI基础视频-7655人已学习 课程介绍 本套教程为传智播客旗下高端教育品牌黑马程序员出品,黑马程序员官网为http://www.itheima.com/,更多免费学习 ...
- Java 基础-01 Java语言入门
文章目录 Java 基础-01 Java语言入门 1.计算机基本概念 1.1 计算机概述 1.2 计算机组成 1.3 CPU.内存与硬盘 2.软件基本概念 2.1 软件概述 2.2 人机交互方式 2. ...
- iOS从初级到精通就业 UI基础-栾斌-专题视频课程
iOS从初级到精通就业 UI基础-12502人已学习 课程介绍 本课程涵盖UIKit框架大多数基础常用控件的使用,以及页面跳转,页面传值,可视化编程等项目开发中常用技术. 课程收益 ...
- ue4 html ui,UE4用户UI界面核心框架完整资源
UE4用户UI界面核心框架完整资源. 1.0版本发布日期:2019年11月21日 当前产品版本:1.1 当前版本发布日期:2020年1月2日 RPG用户界面套件提供了用户界面.蓝图.演员交互代码.道具 ...
- iOS开发UI基础—手写控件，frame，center和bounds属性
iOS开发UI基础-手写控件,frame,center和bounds属性 一.手写控件 1.手写控件的步骤 (1)使用相应的控件类创建控件对象 (2)设置该控件的各种属性 (3)添加控件到视图中 (4 ...
- 《Android UI基础教程》——1.2节Android 应用程序的基本结构
本节书摘来自异步社区<Android UI基础教程>一书中的第1章,第1.2节Android 应用程序的基本结构,作者 [美]Jason Ostrander,更多章节内容可以访问云栖社区& ...
- IOS开发基础之UI基础的团购源码完整版本
IOS开发基础之UI基础的团购源码完整版本 // // ViewController.m // 17-团购案例 // // Created by 鲁军 on 2021/2/4. //#import & ...
- IOS开发之UI基础LOL英雄展示-15
IOS开发之UI基础LOL英雄展示-15 // // ViewController.m // 15-英雄展示-单组数据 // // Created by 鲁军 on 2021/2/3. //#impo ...
- 《Android UI基础教程》——2.1节创建一个应用
本节书摘来自异步社区<Android UI基础教程>一书中的第2章,第2.1节创建一个应用,作者 [美]Jason Ostrander,更多章节内容可以访问云栖社区"异步社区&q ...
最新文章
- 千万级饿了么交易系统架构 5 年演化史！
- JavaScrip入门-浏览器里的js
- WPF窗口继承实现统一风格的自定义窗口
- 【转】ITK和VTK比较
- linux input子系统分析--子系统核心.事件处理层.事件传递过程
- html写弹出告警状态,基于日志报警插件 elastalert 实现告警(示例代码)
- 校园edu无网络访问解决方案
- c补week1（linux c基本操作及C语言部分基础知识）
- 【知识图谱 赵军 学习笔记】第十章 知识问答与对话
- 【简历制作合集】面试时到底是用彩打简历还是黑白简历更出彩呢？｜智测优聘出品
- 为撒电大计算机专业学籍出来的慢,2019年电大学历提升的学籍在什么情况发生时会取消...
- 用selenium和BeautifulSoup爬取网易云音乐歌手id
- 手机文件传到服务器,手机文件传输到服务器
- C++密码库crypto++的使用和安装
- 弘辽科技：商家开店的过程中常犯违规汇总。
- 小型数控雕刻机制作Arduino_自己动手DIY一部小型激光雕刻机
- 站长建站站群如何选择核心关键词
- html单选框对齐,HTML - 对齐单选按钮和文本
- FPGA实现多功能数字钟（Verilog）
- Google Adsense西联快汇收款全攻略