码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-08-05 12:58:21      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

单机游戏中这个熟悉的按钮,会弹出如下一样的菜单,相信初次看到的,肯定会很惊奇,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的顶端。

技术分享
技术分享

版权声明:本文为博主原创文章,未经博主允许不得转载。

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

标签:

原文地址:http://blog.csdn.net/gongfu_li/article/details/47293149

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!