手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Unity UI教程之 快速实现点击空白关闭当前界面

时间:2024-10-14 08:49:14

1、打开Unity,新建一个空工程,在场景中添加一个Panel作为背景,并且在Panel上添加三个按钮,具体如下图

Unity UI教程之 快速实现点击空白关闭当前界面
Unity UI教程之 快速实现点击空白关闭当前界面

2、在Panel_BG下再添加一个Panel铺满画布,可以上当调小其颜色Alpha值,禅旄褡瘦命名为Panel_Test1;然后在其下添加一个Image,在Image下镙烨莲峪添加两个按钮,合理调整布局,并且取消Image的交互;并在Panel_Test1,添加一个按钮,然后添加一个按钮事件,当点击时隐藏自己,具体如下图

Unity UI教程之 快速实现点击空白关闭当前界面
Unity UI教程之 快速实现点击空白关闭当前界面

3、同理复制两份Panel_Test1,分别对应取名为Panel_Test2\Test3,并对应分别设置他们的Image颜色为绿色和紫色,具体如下图

Unity UI教程之 快速实现点击空白关闭当前界面
Unity UI教程之 快速实现点击空白关闭当前界面

4、给Panel_BG 下的 Button_Test1\Test2\Test3,分别添加按钮事件,分别显示对应的Panel_Test1\Test2\Test3,具体如下图

Unity UI教程之 快速实现点击空白关闭当前界面

5、选中Panel_Test1\Test2\Test3,同时隐藏他们,具体如下图

Unity UI教程之 快速实现点击空白关闭当前界面

6、点击运行场景,开始测试场景效果,显示界面,隐藏界面,具体如下图

Unity UI教程之 快速实现点击空白关闭当前界面
Unity UI教程之 快速实现点击空白关闭当前界面
© 手抄报圈