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教程之 快速实现点击空白关闭当前界面
  • unity3D怎么插入图片
  • Unity如何导出资源包#校园分享#
  • U3D如何解决物体穿透的问题
  • Unity如何查看资源在场景中的引用
  • AfterEffects怎样设置Shine
  • 热门搜索
    关于中国梦的手抄报 新学期手抄报图片大全 小学生数学手抄报 抗击疫情的手抄报 庆祝六一手抄报 英语手抄报图片简单又漂亮 五一劳动节的手抄报 初一数学手抄报 崇尚科学反对邪教手抄报 小学生环保手抄报