我的小小历程
- 过程
- 创建对应目录,并将要用到的图片、资源放入对应目录下
- 内容浏览器 窗口中右键,创建一个控件蓝图,用来编辑界面UI
- 绘制画布面板(canvas)
- 调整整体布局
- 加入对应的控件
- 将UI加入到关卡中
- 备注
- 搜索不到 Add To Viewport 需要在创建事件时取消勾选“情景关联”
- 目前有个问题,ui 不能铺满全屏,后续寻找方法解决
过程
创建对应目录,并将要用到的图片、资源放入对应目录下
内容浏览器 窗口中右键,创建一个控件蓝图,用来编辑界面UI
绘制画布面板(canvas)
本次学习目标是制作一个大屏,因此修改画布大小为1920*1080,想要调整大小可以用鼠标拖动右下角的箭头。
调整整体布局
主要布局除顶部菜单栏以外分为三栏,左中右。中间主要用来展示地图关卡
加入对应的控件
主要常用控件:图像(image)、按钮(button)、可编辑文本(text)。组件内有各种设置,诸如颜色、大小、边框等内容,悬停、聚焦等状态也可以单独调整。(图表、表格做起来比较麻烦,后续在做)
将UI加入到关卡中
打开关卡蓝图,并在对应的触发事件添加 “创建控件(create widget)” 和 “添加到视口( Add To Viewport)”,然后编译运行关卡即可。如果找不到 Add To Viewport 需要在创建事件时取消勾选“情景关联”。