效果图:在主页面点击排位赛按钮,就会弹出图2中的一个弹窗,再点击弹窗右上角的关闭按钮,就会关闭弹窗,回到图3的效果。
![](https://img-blog.csdnimg.cn/5c0873c117614db190049d64e0045722.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5Y-v5Lul5Y235Y235ZOm,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/c7721a1fd5df4ababf978d829ac042fe.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5Y-v5Lul5Y235Y235ZOm,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/0630ad4dd046482c8c7e641e809d595b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5Y-v5Lul5Y235Y235ZOm,size_20,color_FFFFFF,t_70,g_se,x_16)
方法:
1.将PopUp这个面板添加到UIPanelType.cs文件中,并且将其名称和路径添加到UIPanelType.json文件中。
![](https://img-blog.csdnimg.cn/818482e2a67d4e77b02e1652bb7c022d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5Y-v5Lul5Y235Y235ZOm,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/ff39d86bc3504eccad0fdaae41fca0fc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5Y-v5Lul5Y235Y235ZOm,size_20,color_FFFFFF,t_70,g_se,x_16)
2. 在MainPanel的面板上添加一个MainPanelController的脚本,并且在里面写一个ShowPopUpPanel的方法供按钮调用。(作用是点击之后可以弹出PopUp的面板),并且将此方法绑定在对应的按钮事件上。
![](https://img-blog.csdnimg.cn/60025887c7774f5fb21ac8edee50970f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5Y-v5Lul5Y235Y235ZOm,size_20,color_FFFFFF,t_70,g_se,x_16)
3.在PopUp面板上添加一个PopupController的脚本,并且在里面写一个Close方法供按钮调用。(作用是关闭当前面板),并且将此方法绑定在对应的按钮事件上。
![](https://img-blog.csdnimg.cn/a72a657e327e4897b34da62404c93398.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5Y-v5Lul5Y235Y235ZOm,size_20,color_FFFFFF,t_70,g_se,x_16)
最后关于UI框架里面封装的那些NUIManager之类的总的工具包的链接在UI框架系列的第一篇文章里,附上链接,需要的自提哦Unity中UI框架的使用1-添加面板、显示Loading页面_Weirdo_ran的博客-CSDN博客