189 8069 5689

NGUI制作ScrollView详解-创新互联

教程说明

创新互联建站于2013年成立,是专业互联网技术服务公司,拥有项目成都网站制作、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元海兴做网站,已为上家服务,为海兴各地企业和个人服务,联系电话:13518219792

版本:NUGI 3.5.1

1、创建NGUI对象

NGUI制作ScrollView详解

2、创建ScrollView对象

NGUI制作ScrollView详解

3、为ScrollView添加UIGrid控件(要点1后面会说明)

NGUI制作ScrollView详解

NGUI制作ScrollView详解

4、给ScrollView添加滚动包含的对象,避免太复杂没法把握制作原理,只用简单的Sprite

NGUI制作ScrollView详解

NGUI制作ScrollView详解

5、依次给sprite添加触控响应(要点2,不添加就等着没效果) 和 拖动操作方式(要点3)

NGUI制作ScrollView详解

NGUI制作ScrollView详解

6、复制多个sprite,这时你发现这些都叠加在一起,这时UIGrid就发挥作用了,你只管运行看效果就知道,这些sprite会自动排版,强大的NGUI。

NGUI制作ScrollView详解

7、如果窗口太小,选中ScrollView手动拉大显示区域

NGUI制作ScrollView详解

8、运行下就可以看到你想看到的效果,接住制作ScrollBar,然后拉到如图位置就可以有滚动条

NGUI制作ScrollView详解

9运行测试

NGUI制作ScrollView详解

欢迎加入U3D交流群:312315390

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享标题:NGUI制作ScrollView详解-创新互联
当前网址:http://cdxtjz.cn/article/cdecoi.html

其他资讯