NGUI学习之路(2)Scroll View 简洁版【NGUI 2.6.3】
来源:互联网 发布:mac桌面东西没了 编辑:程序博客网 时间:2024/05/23 12:45
最近刚开始正儿八经的学习Ngui插件,这篇一起学习下如何左右或者上下拖动图标,先上图,如下:
以上制作了个可以左右拖动Ngui的小例子。下面说下具体做法吧,我选用的是Ngui的2.6.3版本的(Ps:其实现在3.5.7的都已经有了,只是目前项目是用的这个老版本的,所以索性就基于这个老版本吧,^_^):
(1)第一步:选择Ngui选项创建一个2D UI Panel面板,如下:
(2)第二步:添加背景图、标题那些无关紧要的东西,就是各种新建Sprite,设置效果图:
(3)第三步:再加一个Panel面板(Ps:啊?为啥?不是有一个Panel面板了吗?那是因为要加个裁剪区域和实现Panel的拖动)。在这个Panel下添加你的Items,放置在裁剪区域内。如下:
(4)最重要的第四步:设置Items_Panel裁剪区域、面板拖动和Item的拖动及触发区域:
<1>设置裁剪区域:
<2>设置面板拖动:
这里有个细节:当你想横向拖动的时候 设置X,纵向的时候设置Y,不然会出现意想不到的效果哦。
<3>Item的拖动,增加如下组件:
<4>Item的触发组件:
为了节约各种时间,只说一针见血的关键性的设置,还望兄弟们海涵
工程演示下载地址:点击打开链接
0 0
- NGUI学习之路(2)Scroll View 简洁版【NGUI 2.6.3】
- NGUI之Scroll View
- NGUI -- Scroll View
- 【NGUI】循环Scroll View
- NGUI研究——NGUI Scroll View
- NGUI之Scroll Bar
- NGUI之Scroll Bar
- Unity3D插件NGUI之Scorll View(滑动图标)的制作(简洁版)
- Unity3D插件NGUI之Scorll View(滑动图标)的制作(简洁版)
- Unity3D NGUI Scroll View注意事项
- 【Unity3D】【NGUI】循环Scroll View
- NGUI 例子8 scroll view
- NGUI Scroll View 循环滚动
- Unity NGUI制作scroll view
- unity NGUI tutorial scroll view
- Unity3D NGUI Scroll View注意事项
- NGUI之scroll view制作,以及踩的坑总结
- NGUI之scroll view制作,以及踩的坑总结
- 黑马程序员---.NET\C#J基础扫盲日记
- Spiral Matrix II
- Asp.Net Mvc 4 使用Ajax 遇到的问题
- CXF学习02---处理JavaBean类型与List的集合类型
- js控制图片自适应屏幕
- NGUI学习之路(2)Scroll View 简洁版【NGUI 2.6.3】
- Java卡环境介绍
- 黑马程序员—java异常
- 深入探讨在集群环境中使用 EhCache 缓存系统
- java Swing 之文本域控件的使用
- C++引用的本质与修改引用的方法
- split image使用方法
- nefu 630 Min Chain
- js学习小结(六)2014.5.2(BOM对象)