ue4-UMG和HUD绘制UI

来源:互联网 发布:origin多组数据作图 编辑:程序博客网 时间:2024/05/16 06:13

编辑器中编辑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键可测试。
    这里写图片描述

    这里写图片描述

0 0