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

 时间:2026-02-14 09:00:00

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教程之 快速实现点击空白关闭当前界面

  • unity3D怎么插入图片
  • Unity如何导出资源包#校园分享#
  • U3D如何解决物体穿透的问题
  • Unity如何查看资源在场景中的引用
  • AfterEffects怎样设置Shine
  • 热门搜索
    韩式大酱汤的做法 冰箱冷藏室排水孔堵塞怎么疏通 today怎么读 臾怎么读 啤酒鸭做法 虾爬子的做法 醪糟汤的做法 鄂怎么读 星期四英语怎么说 老醋花生米的做法