NGUI实用操练(一)如何实现逐字打印效果【NGUI2.6.3】
2014-05-06 11:05
423 查看
从本节开始,我和大家一起学习研究下,如何用NGUI去做项目中实际需求的各种效果。(Ps:基于NGUI 2.6.3版本)
大家可以看下NGU/Examples/Scenes/Example 3 - Menu例子,上面有一个逐字打印效果。如图:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202007/31/49edaaad7db8dca780b5092431031c7a)
上面的字是可以动态输出的。那这个东西是怎么做的呢?别急,很简单,下面我来说下:
(1)创建一个2D的NGUI
(2)增加一个UITexture用来做背景
(3)增加一个UILabel
(4)在UILabel上增加Typewriter Effect组件
这样一个逐字打印的UI效果就完成了。如下是效果图:
大家可以看下NGU/Examples/Scenes/Example 3 - Menu例子,上面有一个逐字打印效果。如图:
上面的字是可以动态输出的。那这个东西是怎么做的呢?别急,很简单,下面我来说下:
(1)创建一个2D的NGUI
(2)增加一个UITexture用来做背景
(3)增加一个UILabel
(4)在UILabel上增加Typewriter Effect组件
这样一个逐字打印的UI效果就完成了。如下是效果图:
相关文章推荐
- NGUI实用操练(二)如何实现窗口拖动?【NGUI2.6.3】
- NGUI实用操练(六)如何在代码中动态设置一个模型至于UI层上?【NGUI2.6.3】
- NGUI实用操练(五)如何将3D模型至于NGUI上【NGUI2.6.3】
- javascript 实现简单的逐字打印的效果
- NGUI实用操练(四)NGUI的Animation组件是怎么用的 之 浅显使用【NGUI2.6.3】
- c# 当窗体设置成无边框后,如何实现拖动效果,简洁实用
- jq实现逐字打印效果
- JavaScript实现简单的文本逐字打印效果示例
- Android 类似未读短信,电话图标显示数字效果如何实现的
- 如何OE开发中实现一个在web开发中的小效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- 按下按钮后页面的滚动条向下(或向上)滑动,松开之后便停留在当前位置的效果如何实现?
- Js实现逐字在网页上打印文字
- Android GridView 中如何实现item合并,类似于桌面的应用图标效果,长按拖动,加入到另外一个已经存在的文件夹中,或者是压在另一个图标上,行成新的
- ViewPager如何实现“橡皮筋”效果?
- 如何再tableView实现iToast效果?
- Vb.net 如何实现报表打印
- 如何利用GridView与UpdatePanel组合实现无刷新:新增、编辑、删除、分页效果?
- 书籍翻页效果如何实现
- 手把手教你 小程序外卖如何对接无线云小票打印机实现自动接单打印