NGUI制作ScrollView详解

教程说明

版本: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