UE4-UMG

万物皆可休

已于 2022-08-23 16:39:02 修改

阅读量2.7k

点赞数 2

文章标签： ue4 学习

于 2022-08-21 09:00:00 首次发布

本文链接：https://blog.csdn.net/qq_52825422/article/details/126447233

版权

1.UI的创建与可视化

创建UI

可视化UI
Flip Flop：流程控制节点，按一次执行A，再按一次执行B，再按一次执行A，以此类推
？Is Valid：判断值是否存在
Remove from Parent：从视口中删除，但仍保留在内存中，并且变量仍然存在有效的
Create Widget：创建一个UI界面，通常会设置为变量，方便之后的调用
Add to Viewport：显示在玩家的屏幕

2.布局控件介绍

Canvas Panel：画布，可以接收许多子类

Tool Tip Text：提示文本，相当于注释
Bind：用于绑定，将前面的返回值进行绑定（如将文本信息的返回值进行绑定，实现随时更新）
Is Enabled：是否启用UI面板
Visibility：可视化（Visible：所有都可见，Collapsed：不可见，不占空间，Hidden：隐藏，占用空间，Not HIt - Testable（Self & All Children）：可见，但对交互不作反馈，作用于自己及其所有子类，Not HIt - Testable（Self & Only）：仅作用于自己，不包括子类）
Render Opacity：渲染不透明度，越靠近0越看不见（0，透明 1，不透明）

Translation：位置的设置
Scale：缩放设置
Shear：倾斜设置
Pivot：支点

Text控件：文本框输入

Slot：插槽
Anchors：锚点，决定显示在那个位置（Position：与锚点的距离，Size：控件大小），当窗口大小发生改变时，从锚点开始计算。当锚点变成线时就进行拉伸，如横向时，无论窗口这么变化，都会在横向进行拉伸，纵向相同。
Alignment：对齐，控制控件的原点
Size To Content：自适应大小
Zorder：渲染层级，先创建的在下面显示，后创建的会覆盖在其上面（层级高的在上面）
Content：控制输出内容
Appearance：控制显示内容{
Color and Opacity：颜色与不透明度
Font ：字体
Size：字体大小
Font MaterIal：字体材质
Outline Size：给字体加边框
Separate Fill alpha：是否将字体与文本区分开
Apply Outline to Drop Shadows：是否呈现阴影
Outline Color：边框颜色
Justification：自适应对齐

}
Auto Wrap Text:自动换行
Warp Text At：换行条件

ProgressBar：进度条

Background Image：背景图
Draw As{
Box：将图像绘制成3*3的框，侧边和中间根据边界延伸
Border：将图像绘制成3*3的框，侧边平铺，中间为空
Image：将图像绘制成普通的图像，会受到拉伸的影响{
Tiling：平铺
Horizontal：水平方向平铺，竖直方向拉伸
Vertical：竖直方向平铺，水平方向拉伸
Both：水平和竖直方向都平铺
}
}
Fill Image：填充图片
Marquee Image：滚动图片，不受值的影响

Image：图像

Image Size：图像本身大小，不是控件大小

Size Box：尺寸框

强行控制子控件的大小
只能有一个子控件

第一个到第六个只有在Size To Content生效时才能生效
前两个优先级大于下面四个
Width Override：宽度
Height Override：高度
Min Desired Width：最小宽度
Min Desired Height：最小高度
Max Desired Width：最大宽度
Max Desired Height：最大高度
Min Asperct Ratio：纵横比（拉伸时保持纵横比拉伸）
Max Aspert Ratio：纵横比（拉伸时保持纵横比拉伸）

Horizontal Box：水平框

可以有多个子控件
对子控件的高度有限制

Fill:让图片尽可能充满空间
Horizontal Alignment：水平方向对齐方式
Vertical Alignment:垂直方向对齐方式

Vertical Box：垂直框

可以有多个子控件
对子控件的宽度有限制

Spacer：空白

在水平框中只能调节x，在垂直框中只能调节y

Border：背景框

只能有一个子控件

Overlay：

让新加入的控件自动叠罗汉（先加入的在最下面）
可以有多个子控件

Button：按钮

Normal：不点击时按钮的样式
Hovered：鼠标悬浮时按钮样式
Pressed：按下时鼠标样式
Dissabled：不启用状态鼠标样式
Normal Padding：正常情况下的间距（只对子控件生效）
Pressed Panding：按下时间距（只对子控件生效）

数据迁移

外部图片设置

材质设置：将Texture Group设置成UI

压缩设置：将Compression Settings设置成UserInterface2D（RGBA）

3.UI响应玩家输入响应机制

点击UI函数的Override，On Key Down：键盘按下时

UI监听键盘的方法

Get Key：获取输入的是哪一个键
Handled：下一层UI无法获取数据
Unhandled：下一次UI可以获取数据
Get Key Display Name：获取键位名称
也可以通过Switch on String实现多键位输入

Handled与Unhandled的区别

在人物中新添加一个输入

当是Handled时

当是Unhandled时

UI获取焦点，用于接收输入流

UI设置里，设置可以拥有焦点

Set Focus：获取焦点，可以接收键盘事件

4.输入模式与鼠标指针

Set Input Mode Game And UI （默认）

游戏和UI都可以响应

Get Player Controller：玩家控制器
In Widget to Focus：焦点对准哪一个组件
Set Show Mouse Currsor：设置鼠标的显示
In Mouse Lock Mode{
Do Not Lock：不对鼠标做任何限制
Lock on Capture：当鼠标被捕获是锁定在屏幕上（当鼠标点击后，不能越过边界框）
Lock Always：无论是否点击都被捕获
Lock in Fullscreen：全屏时锁定，不全屏时可以任意动

}