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的顶端。

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

时间: 2024-10-10 01:24:44

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

AntDesignPro v4.0右上角用户名不弹出下拉菜单问题解决

好多小伙发现在github上把antdesignPro v4 版本clone下来之后发现项目只有一个简单的架构,并没有多少页面,而且右上角的用户名也不弹出下拉菜单 如图所示 解决办法 找到目录:src>components>GlobalHeader>RightContent.tsx将<Avatar />更改为<Avatar menu />即可 更改前图片 更改后图片 原文地址:https://www.cnblogs.com/guohaitao/p/11251635

PB9.0实现下拉数据列表的实现

首先说明下,我用的开发环境是PB9.0,oracle10G 数据库. 在平常的开发中,经常用到下拉选择框的录入形式,这样录入即简便快捷,有能保证不出错,而且可以将复杂的输入内容用较直观的方式代替,比如要输入某地的区号,很多人往往不知道,而我们在数据库里有地区和区号的字典表,这样,我们可以通过数据地区名称来代替输入,真正传参时传递区号.PB9.0也提供了这样的功能下拉列表,实现起来比较简单,但是不掌握基本做法,还是状况百出.这篇文章详细介绍下来列表的实现方法. 首先新建一个数据窗口,我们命名为d_

使用NGUI制作关联下拉菜单(查询全国天气)

关联菜单,在我们浏览网页时经常见到,它极大的方便了我们的操作,在游戏中,偶尔也会用到关联下拉菜单.下面,我们使用关联下拉菜单来查询下全国的天气. 首先,老规矩我们搭建基本的UI界面.我们就不自己去制作UI组件了,直接使用NGUI封装好的UI组件. 我们先创建于一个Sprite,重命名为BgSprite,为其选择图集和精灵. 在菜单中选择NGUI,选择Open,打开Prefab Toolbar,拖一个PopupList,重命名为ProvincePopupList.这里,我们要注意, 我们导入支持中

【Bootstrap3.0建站笔记二】按钮可下拉弹出层

1.按钮可下拉弹出层: HTML代码: <div class="porpre"> <div class="input-group-btn" style="width: auto"> <a href="CustomerInformationDetails.aspx?Id=7&phone=15821789965&RecommendationNumber=54231896&tabPage=

为Popuplist的下拉选项添加删除功能(NGUI)

NGUI例子里的popuplist是这样的:,但有时我们希望下拉选项都有删除功能,也就是这样:,一种方法是改popuplist的源码,我想这个实现起来不难,但现在我想说的是用反射来实现此功能,以及其他注意点. 第一步:我们查看下popuplist的源码可以发现,他有个OnCLick点击事件,而里面实现的就是绘制所有下拉选项的,并且所有下拉选项的的父节点都是mChild这个私有字段, 第二步:我们只要给popuplist再附加一个我们自己写的脚本A,在这个脚本里面通过反射mChild的孩子,就可以

IOS6.0自带下拉刷新控件UIRefreshControl

1.UIRefreshControl必须要在IOS6.0以后才能使用,同时他只能在UITableViewController类中才可以使用 2.使用比较简单 self.refreshControl = [[UIRefreshControl alloc]initWithFrame:CGRectMake(0, 0, self.tableView.frame.size.width, 100)]; [self.refreshControl addTarget:self action:@selector(

关于Win10 环境下Quartus II 15.0器件列表无法下拉的解决方法

不知大家在Windows 10 64位系统环境下使用Quartus II 15.0在新建工程时遇到过这种问题没,在新建工程的过程是选择器件的列表无法下拉,只能看到一个器件型号,如图1所示. 图1 开始我让我错误的以为在Quartus II 15软件的Cyclone IV E系列的器件库只包含了一种器件.后来经过尝试,发现用鼠标的左键点击拖动图1所示窗口的左上角或者上边缘,可以调整窗体的大小,就可以看到其他的器件了,然后右边的滚动条也可以拖动了,调整后的窗口如图2所示. 图2

NGUI下拉菜单学习UIPopupList

NGUI下拉栏主要注意2点 1.弹出文字收回去,需要更新主显文字信息,要绑定调用 2.有时候发现弹出来的面板差别很大 看了下代码 会根据父节点取相对位置. 这样位置就可以了,很奇怪的做法..

原创教程“ActionScript3.0游戏中的图像编程”开始连载啦!

        经过近两年的不懈努力,笔者的原创教程“ActionScript3游戏中的图像编程”终于在今日划上了完美的句号!这当中记录着笔者多年来在游戏制作,尤其是当中图像处理方面的经验心得.虽然使用的语言是目前可能正在没落的ActionScript3.0,但由于其中渗透着深刻的编程思想和实用技巧,因此其意义已经远远超越了ActionScript本身.您可以把从本书学到的知识轻松移植到其他支持图像编程的开发语言中(我也想换个语言重写,可惜精力不足).         此外,本书还包含了一些颜色