首页 > 代码库 > NGUI制作ScrollView详解

NGUI制作ScrollView详解

教程说明

版本:NUGI 3.5.1

1、创建NGUI对象

wKiom1N45ZyRuHMJAAEvLDypjd8971.jpg

2、创建ScrollView对象

wKioL1N45reiWxS3AAEqBZ6e7-E244.jpg

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

wKiom1N45v7Rk1zDAAFTMnyngZ0744.jpg

wKioL1N45u-AbZ8gAAE9JV5KpRA829.jpg

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

wKiom1N450SgoyXRAAEvLDypjd8719.jpg

wKioL1N45y3wf3iMAAAq-m3DDVY692.jpg

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

wKiom1N453XRoi8UAAF57lvSFak943.jpg

wKioL1N452nSCn4lAAIdly1l278940.jpg

wKiom1N456zTCObxAAG_xShh8Vg493.jpg

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

wKioL1N456KAmPqnAAA9AfxVjpk650.jpg

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

wKiom1N45-aSCNgwAAB-5-sa8jk744.jpg

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

wKioL1N459ziQGOTAAGSvv82DGE665.jpg


9运行测试

wKiom1N46BOi7uzAAAEC0xw71eg428.jpg



欢迎加入U3D交流群:312315390