![eb3e2a50c83dc1a67f7ae2380320b02c.png](https://img-blog.csdnimg.cn/img_convert/eb3e2a50c83dc1a67f7ae2380320b02c.png)
【八、UMG UI设计器快速入门】- [2.主菜单UI]
19-10-11
茕兔QIONGTWO:UE4虚幻引擎学习云笔记-目录zhuanlan.zhihu.com![d5d73c295555fca1743ed07a761a0b3f.png](https://img-blog.csdnimg.cn/img_convert/d5d73c295555fca1743ed07a761a0b3f.png)
![cba9cba1f296514ed63624971cb12d0c.png](https://img-blog.csdnimg.cn/img_convert/cba9cba1f296514ed63624971cb12d0c.png)
本节中,官方文档与上节攥写逻辑相反。
变更为:先做前端布局,再做后端功能。
主菜单内容目标
- 主菜单背景图Cover Image;
- 主菜单标题Main Menu;
- 开始游戏按钮PLAY;
- 设置选项按钮OPTIONS、
设置选项OPTIONS次级菜单包含:
三个分辨率设置项RESOLUTION OPTIONS、返回主菜单按钮RETURN;
- 退出游戏按钮QUIT。
1)菜单UI布局
打开MainMenu控件蓝图,设置如图控件内容:
![a393c1e7c087afac7069f4f3df9c474a.png](https://img-blog.csdnimg.cn/img_convert/a393c1e7c087afac7069f4f3df9c474a.png)
一张图image:封面图CoverImage,
两个垂直盒子vertical box:主菜单与选项菜单,
七个按钮button,
相应标题文本框与按钮文本框text 规范命名各控件,以备后续设置功能变量。
设置文字
![4e5f51a2ae5a2dfe821233a484664a48.png](https://img-blog.csdnimg.cn/img_convert/4e5f51a2ae5a2dfe821233a484664a48.png)
文字设置:
●对齐方式Alignment
●文字内容Content , Text
●字体Font Family、字重Typeface与大小Size。
文字内容: