ue4-UMG和HUD绘制UI

编辑器中编辑UI并使用


1. 控件蓝图

  1. 新建控件蓝图
    这里写图片描述

  2. 双击进入编辑
    这里写图片描述

  3. 为控件创建animation
    这里写图片描述

    • 触发动画逻辑定义
      这里写图片描述

      这里写图片描述


2. 编辑游戏中HUD的事件逻辑

  1. UI设计
    这里写图片描述

  2. UI中控件的逻辑
    这里写图片描述

  3. 函数GetTimerPercentage的定义
    这里写图片描述


3. HUD 和 UserWiget 详解

  • HUD:学名叫抬头显示设备 也就是屏幕上的显示仪,只能用来看,不能类似按钮等可以触发事件,每帧绘制可以获取数据打印到屏幕上,实时提供参考。通过指定显示到屏幕上
  • UserWiget:可以有按钮,可以触发事件,例如背包。通过add to viewport 添加显示到屏幕上

1. HUD

  1. 创建HUD
    这里写图片描述

    这里写图片描述

    • 创建完成
      这里写图片描述
  2. 在world setting 中制定HUD
    这里写图片描述

  3. 编辑HUD
    这里写图片描述

  4. 结果
    这里写图片描述

2. UserWiget

  1. 创建UserWiget
    这里写图片描述

    • 创建完成
      这里写图片描述
  2. 编辑UserWiget
    这里写图片描述

  3. 在控制器中定义按键触发事件,现在world setting中找到事件输入的controller
    这里写图片描述

  4. 编辑这个controller,定义按键事件
    这里写图片描述

  5. 结果按V键可测试。
    这里写图片描述

    这里写图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蝶泳奈何桥.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值