![cdc006f07101e72c53dc477697a650e9.png](https://i-blog.csdnimg.cn/blog_migrate/a5deb17562018059b4d6421e2bdb1f03.jpeg)
【八、UMG UI设计器快速入门】- [入门总结-截图]
19-11-08
前言汇总,全是图,相对于前言有所修改。
茕兔QIONGTWO:UE4虚幻引擎学习云笔记-目录zhuanlan.zhihu.com![ba9444076dd6d9ad4a8ef4759e785430.png](https://i-blog.csdnimg.cn/blog_migrate/655402c9949e2353dbc88f6b9885f563.jpeg)
![56f97ff388e265ffd489056f99fc49f6.png](https://i-blog.csdnimg.cn/blog_migrate/5d3f498fc7c635ce4c162459b0f72ddd.jpeg)
![292dde6a1b5fbd6cda2f97a0b187882e.png](https://i-blog.csdnimg.cn/blog_migrate/b458b2d77a5547d4cd03cba8bc2ce145.jpeg)
![7de1e8a6f36e751dddd4337e01858efe.png](https://i-blog.csdnimg.cn/blog_migrate/1abd1b4407b0b00b45338e8da35d66f7.jpeg)
![527da7e98e7c19799881ccfdb5fdcf48.png](https://i-blog.csdnimg.cn/blog_migrate/1157d0e30ce5c8cf8f6339d623c2ad17.jpeg)
![45f888de6cba31ccb1cc0bd834c2db52.png](https://i-blog.csdnimg.cn/blog_migrate/340f14315a25eea639e099ec7d0be3f1.jpeg)
![26d0e304b3101437e0a75e19a0472d49.gif](https://i-blog.csdnimg.cn/blog_migrate/64e8f1523db911649e15f8d165a958c9.gif)
![e12ba82da75c51e02b75bdd5535247a1.gif](https://i-blog.csdnimg.cn/blog_migrate/ed426e84518c10cbf93b8a47c2dc0a88.gif)
![870cdd5feb5d5cd337c2933a0800a72f.gif](https://i-blog.csdnimg.cn/blog_migrate/fd1bc31c3e3c2c67d4684af5ce4b558d.gif)
1.主菜单关卡蓝图:
![a65554c33bebdb9fc8aaf0e28f76d5f3.png](https://i-blog.csdnimg.cn/blog_migrate/ee1a5b6ec2373c2f57f3c464f1472caa.jpeg)
2.第一人称角色蓝图FirstPersonCharacter:
1)功能-显示HUD:
![c214bf07d56ffef688f821e2f901b1a6.png](https://i-blog.csdnimg.cn/blog_migrate/40cabf7e430b98915b44c1ed55742b4c.jpeg)
2)功能-有子弹才可发射:
![16dded51a3f51be345803390c0cec16e.png](https://i-blog.csdnimg.cn/blog_migrate/2010a69526e993285a5b2124ca1f5e45.jpeg)
3)功能-发射后子弹减一:
![0c6bf22d0d909beb41756d48cdabbb13.png](https://i-blog.csdnimg.cn/blog_migrate/66522538b15c3809e283f4ed6dce9321.jpeg)
4)功能-按R填满子弹:
![7633545c897ba41657da2bd410c8867e.png](https://i-blog.csdnimg.cn/blog_migrate/e14721dd6aa31d63ef7966db875bdf4f.jpeg)
5)功能-F扣血,E回血:
![9bec6d1c73e9e00173bbaae81ab99e51.png](https://i-blog.csdnimg.cn/blog_migrate/807a070a0a6ebbf04158d71a89ac9044.jpeg)
6)功能-跳跃减能量,没能量不能跳,呼吸恢复能量:
![3bfba56a8ad0dfa425a82657fb601ada.png](https://i-blog.csdnimg.cn/blog_migrate/9c93839e46f6ea8abf94526eea8b3294.jpeg)
3.HUD:
UI布局
![0758c43eda61b5af03007dbfbd3fdac4.png](https://i-blog.csdnimg.cn/blog_migrate/d96bf436669fe29c2286184c020acd1e.jpeg)
效果
![83ca5227cdb465ad1f8f8de33b9442a2.png](https://i-blog.csdnimg.cn/blog_migrate/2885d0c0f791abd6b6dde5de6c8d208d.jpeg)
图表
![deeda44c86715d54398f121923c389b1.png](https://i-blog.csdnimg.cn/blog_migrate/c074a74d816ccd5dec0dea1f965913f2.jpeg)
4.按钮控件:
设计
![16a50126b902c610a11cacfe4470a1c7.png](https://i-blog.csdnimg.cn/blog_migrate/4ca2d5b6da6dba8016f25b511a58dc80.jpeg)
布局
![ab1325be52ffcb1c37f080602a5127e8.png](https://i-blog.csdnimg.cn/blog_migrate/49e77211a064daef5b74bf011d8915ef.jpeg)
效果:见以下实例。
图表
![56a283567d59d642a008c1addf18b842.png](https://i-blog.csdnimg.cn/blog_migrate/829be8519e7fa39e931e927b52ebdb20.jpeg)
5.主菜单:
布局
![4c137a677628682124d5214093e298b3.png](https://i-blog.csdnimg.cn/blog_migrate/0b2ceeb713df08ef72897d4818620a06.jpeg)
效果
![8aa47411b1753f691189d98b0542bc28.png](https://i-blog.csdnimg.cn/blog_migrate/b3f307cc15c02690e5a3bec35afcb016.jpeg)
![a8820b1735a64a3217a34b0a91690f3d.png](https://i-blog.csdnimg.cn/blog_migrate/ba7a4282c5f78789a16779f20f17f61a.jpeg)
图表
![fb2bf52ba9d86d54ad8e35121fb6d784.png](https://i-blog.csdnimg.cn/blog_migrate/3ede9b7e78068b31151998de2a08f592.jpeg)
6.暂停菜单:
布局
![28eb991f482fe1dbe581a6f334b40351.png](https://i-blog.csdnimg.cn/blog_migrate/7c9d906f3c7f80606b499161d2344621.jpeg)
效果
![a8d25325d0d7a585619ce6a160b749cc.png](https://i-blog.csdnimg.cn/blog_migrate/1cd364bd8bd3d974f7335ca6c29c98db.jpeg)
![8e42987a57b8e04d135a42746c142835.png](https://i-blog.csdnimg.cn/blog_migrate/54d75f08f0222b1b064246d1dfbae0aa.jpeg)
图表
![74dbe9643eaed917738ad7a7ccf70a33.png](https://i-blog.csdnimg.cn/blog_migrate/3291d9f47338250c84a088040470dab4.jpeg)
以上。
茕兔QIONGTWO:UE4虚幻引擎学习云笔记-目录zhuanlan.zhihu.com![ba9444076dd6d9ad4a8ef4759e785430.png](https://i-blog.csdnimg.cn/blog_migrate/655402c9949e2353dbc88f6b9885f563.jpeg)