NGUI 3.9.0 Tween实现Toggle点击下拉菜单(游戏中常见的边角主菜单入口)

单机游戏中这个熟悉的按钮,会弹出如下一样的菜单,相信初次看到的,肯定会很惊奇,That's Great!接下来让我告诉大家其中的做法。


1.创建Toggle ,前景图(Background)为,CheckMark 为。(两个为Sprite,从图集中选取,关于如何添加Sprite与制作图集,在这里不做主要叙述了)


2.制作下拉菜单,(1)创建一个Panel作为父容器。(2)在Panel下面添加Sprite,命名为MenuListPanelBkSprite,此为下拉菜单的背景图片。(3)在MenuListPanelBkSprite下面添加五个Sprite,分别为:英雄包裹,商店,副本,活动的图标。

Hierarchy目录如下:

3,添加Tween ,单击MenuToggle给它添加PlayTween组件,具体设置如图:

4,添加Tween Scale组件给M恩怒ListPanel,具体设置如图:


注:此种方法为让Panel与其子一起进行伸缩变化,当伸缩速度相当快时,就不会影响视觉效果。其伸缩变化,是以Panel的锚点为中心,要实现下拉效果(或其他效果),需使Panel的锚点放到MenuListPanelBkSprite的顶端。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值