您当前的位置: 首页 >  unity

云小川

暂无认证

  • 4浏览

    0关注

    78博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

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

云小川 发布时间:2021-07-15 13:19:59 ,浏览量:4

一、效果图

在这里插入图片描述

二、简介 在做项目时需要用到多层下拉框,之前也研究过,但是都是用代码来计算图片的大小来写出来的,又复杂又不方便,一直觉得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

在这里插入图片描述

尊重原著:(记录方便查找) ———————————————— 版权声明:本文为CSDN博主「Y-Jin heart」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/weixin_44535994/article/details/103981069

关注
打赏
1663746399
查看更多评论
立即登录/注册

微信扫码登录

0.2510s