关闭

UE4的UI制作流程

标签: UE4ui
6156人阅读 评论(0) 收藏 举报
分类:

         UE4引擎编辑UI通常使用Widget Blueprint,HUD涵盖的面比Widget Blueprint更广,包含2D、3D和其他,使用c++进行编写,但做UI不如Widget Blueprint细致、功能多。

        首先,在Content Browser里右键选择生成一个WidgetBlueprint,打开WidgetBlueprint,根据需求选用Image、Text、Progress Bar等等组件设计你的UI画面。VR游戏里建议尽量降低UI在视野画面上占用的比例,话说,哪个逗逼喜欢看到眼前老有块抹不掉的东西。UI画面排版好之后,可以按需求设计曲线和帧动画,然后可以选定一个组件,在Details窗口里凡是有Bind的项都可以点开Bind选项编写逻辑,哥们可以根据需要设计编写,然后在Graph页面统一处理UI信息。注意,如果主角或者其他蓝图类需要调用到UI组件或者UI组件里的变量,则需要将组件的Is Variable项勾上,就在Details窗口第一行组件名后面。


     WidgetBlueprint做好后,我们就要确定我们选择哪种方法给相机添加上UI,我这有两种方法,一种是直接绑到相机上,一种是动态添加给相机。

     直接绑到相机。打开主角的Character蓝图,添加一个Spring Arm拉到Camera下面,再添加一个Widget组件拉到Spring Arm下面,在Widget组件Details窗口的User Interface栏的Widget Class项设置UI蓝图类。注意,设置好UI蓝图类后,还需要将Widget组件倒转180度,并调节Widget的位置,使UI正好在相机视野里,而且这种方法做出的UI会随动作抖动,所以要严格控制抖动的范围和方向。Widget组件加到主角蓝图之后,Widget组件的User Interface下的Space项选World,Image的Alpha值只有0和1两种情况,选Screen,Alpha值才可控。

    

      动态添加给相机。先用Create UI Widget生成一个UI组件,然后用Add to Viewport将UI添加到主角的视野里,如果需要隐藏UI,可以直接用Remove from Parent拉出来,等需要显示的时候再直接用Add to Viewport添加上去。注意,避免重复用Create UI Widget生成组件,以免占用大量内存,生成后可以用Add to Viewport和Remove from Parent控制UI的显示和隐藏。


     学了3个月UE4,感觉上VR游戏其实并不太注重UI这部分,现阶段市面上的VR游戏绝大多数直接省略UI,学做UI只是让你在接到需求后多条路子去实现而已。



3
0
查看评论

UE4UI制作_MainMenu

(此类文章仅供自己复习回顾,很多知识点是自己的理解,可能会有不到位的地方) Design:verticalbox和horizontalbox分别是垂直和水平box,在之中可以方便的对button进行位置调节,sizebox可以对自身的大小进行调节;针对每一个button都可以进行制作相应的事件功...
  • cc13813194235
  • cc13813194235
  • 2017-01-04 16:40
  • 2762

UE4使用widget创建UI界面播放视频

我的目的非常简单,点击按钮,播放或暂停场景中的视频
  • qq992817263
  • qq992817263
  • 2016-07-12 16:14
  • 8769

UE4的UI制作流程

UI制作流程,给后来者铺条路子
  • piger91
  • piger91
  • 2016-08-30 14:57
  • 6156

UE4制作UI界面

  • u012943521
  • u012943521
  • 2016-07-24 22:05
  • 3444

UE4的UI制作流程

UE4引擎编辑UI通常使用Widget Blueprint,HUD涵盖的面比Widget Blueprint更广,包含2D、3D和其他,使用c++进行编写,但做UI不如Widget Blueprint细致、功能多。         首先,在Co...
  • or7rccl
  • or7rccl
  • 2016-11-22 10:23
  • 2191

UE4之SlateUI系统初探

问题列表:         1.  Slate是什么         2.  整个编辑器都是用Slate做得吗         3.  场景的绘制工作...
  • huangzhipeng
  • huangzhipeng
  • 2016-05-26 21:51
  • 3502

UE4里UI的使用方法

一:创建一个UI文件 1.笔者在这里使用的是PS,不是专业美术,画的不好请见谅。 2.开通通道,保存成tag各式。 二:创建一个UI蓝图类 1.添加一个控件。 2.拖动一个图片控件image到界面上。 3.在详情里的Appearance的Brush中,选择添加的UI文件。 4.调整图片尺寸。...
  • AK724730211
  • AK724730211
  • 2016-07-14 17:05
  • 4356

ue4-UMG和HUD绘制UI

编辑器中编辑UI并使用 1. 控件蓝图 新建控件蓝图 双击进入编辑 为控件创建animation 触发动画逻辑定义 2. 编辑游戏中HUD的事件逻辑 UI设计 UI中控件的逻辑 函数GetTimerPercentage的定义 3. HUD 和 UserWiget 详解 HUD:学名叫抬头...
  • yangxuan0261
  • yangxuan0261
  • 2017-01-20 14:15
  • 4229

UE4 在UI/UMG中显示三维模型

也是在一展厅项目中遇到的问题,实现的基本原理就是将3D对象捕获成UMG中可以显示的2D图像。 基本步骤如下: 1、捕获2D纹理 2、创建该纹理的材质 3、在UMG中使用该材质 1、捕获2D纹理 在这步骤中,我是用的是Scene Capture 2D,拖入场景中,对准我们要...
  • Hamber_Bao
  • Hamber_Bao
  • 2017-08-27 19:15
  • 1288

UE4播放在UI上播放视频

上一次文章中为各位写到如何添加Start Up Movie的功能。但是读者很快会遇到问题。策划的需求几乎不可能这么简单(如果就是这么简单,那么恭喜你遇到了一个好策划),比如添加一些按钮可以控制视频播放(如跳过按钮,快进按钮,甚至进度条。。。。。。。鬼知道策划会提出什么样的需求),这时候再使用简单的S...
  • baidu_27276201
  • baidu_27276201
  • 2017-06-01 23:16
  • 3122
    个人资料
    • 访问:13224次
    • 积分:172
    • 等级:
    • 排名:千里之外
    • 原创:3篇
    • 转载:0篇
    • 译文:0篇
    • 评论:2条
    文章分类
    文章存档
    阅读排行
    最新评论