0
点赞
收藏
分享

微信扫一扫

UE5.4内容示例(5)UI_CommonUI - 学习笔记

是她丫 2024-08-24 阅读 48
ue5
  • UI_CommonUI可以看这个视频学习,此插件处于Beta状态,应用UI游戏方面,支持手柄等多输入端,是原始UI的扩展方案。

UI_CommonUI示例

1. CommonActivatableWidget

在这里插入图片描述

  • 布局上使用Canvas Panel来分层与定位;
    在这里插入图片描述

  • UI使用了CommonActivatableWidget作为基类:会多一个Activated状态值,状态改变触发OnActivated与OnDeactivated(激活与不激活)。

  • 打开UI
    在这里插入图片描述

  • 关闭UI
    在这里插入图片描述

  • UI中触发
    在这里插入图片描述

  • 这个案例,打开与关闭BottomPopup比较快的时候,会出现Bug。动画有一个延迟使UI Hidden的功能,如果你让UI激活,又到了延迟时间,UI Hidden了。此时UI属于激活状态,无法再次触发激活状态;而UI又Hidden了,没有关闭按钮可用。
    改造的办法是Hidden是判断下激活状态
    在这里插入图片描述

2. CommonActivatableWidgetSwitcher 、CommonAnimatedSwitcher

  • CommonUI的Switcher组件,对比原始的Switcher,它多出了设置过渡的功能。
    在这里插入图片描述
  • CommonUI Switcher,实现了页面间的互斥关系,同时实现的简单动画
  • 主要节点在Common Widget Swithcer和Swithcer里面
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

3. Common Text

  • 对比原始文本组件,多了滚动展示的功能,比如:标题过长的时候,就会让文字滚动起来展示
    在这里插入图片描述

4. Common Visual Attachment

  • 对比SizeBox,Common Visual Attachment多了一个Anchor功能,让SizeBox可以设置锚点
    在这里插入图片描述

5. Common Numeric Text Block

  • 数字型Text比普通的,多了一些数字类型
    在这里插入图片描述

6. CommonUI_Button

  • Style使用CommonButtonStyle来配置
  • 按钮有Sound声音触发机制
  • 多了双击动作的响应
    在这里插入图片描述
举报

相关推荐

0 条评论