Unity使用UGUI设置一个简单多级下拉菜单(不需要代码)

一、效果图

在这里插入图片描述

二、简介

在做项目时需要用到多层下拉框,之前也研究过,但是都是用代码来计算图片的大小来写出来的,又复杂又不方便,一直觉得Unity本来就应该有这个简单的功能,可是自己就是找不到,前段时间又有这个需求,在看了一些大佬博客后就突然想到了这个方法,所以记录一下。

三、具体实现方法

(一)设置Hierarchy面板

1.首先设置一个背景图片,同时挂载上ScrollRect组件,以及mask组件

ScrollRect:滑动列表,里面的数值请自行查看官方文档
mask:遮盖组件,给图片挂载此组件,则不显示此图片子集以外的区域(可以自己试一下)
在这里插入图片描述

2.增加一个空物体为子类,挂载上图片上的组件

Child Controls Size:width打钩后子物体的框不可以自定义,只能与当前物体一样框,高同理
Child Force Expand:选中这个子物体自动扩张
下面的Content Size Fitter,必须挂载,你可以不挂试一下

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、细节注意

(一)UI层级

因为上面的Vertical Layout Group 是按照顺序来进行排序的 ,所以列表布局内的层级顺序一定要搞清楚,这也算是一个小小的瑕疵吧。
在这里插入图片描述

(二)要想达到显示和隐藏的效果必须使用Toggle来进行拖拽,Button好像只能设置一次,要是觉得toggler不好用,你也可以使用代码来控制Button。

五、结束语

接下来你就可以按照这个方法多来几层,达到这个效果,再次温馨提示,多层也是全部使用的Toggler
在这里插入图片描述

发布了3 篇原创文章 · 获赞 8 · 访问量 392
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览