NGUI Scroll View 创建步骤

Unity3D 刚刚学习没几天,今天学习了一下Scroll View 。

1、创建场景

2、创建一个NGUI的Sprite组件,可以修改Sprite 的纹理。作为背景图片。(通过Widget Tool添加)

scrollview1

3、添加Scroll View :(添加到Sprite)

(1)、选择 NGUI —> Create —> Scroll View 组件

(2)、选择 Component —> NGUI —> Interaction —> Scroll View 代码

scrollview2

4、添加Grid 组件,选择 NGUI —> Create —> Grid组件(添加到Scroll View)

scrollview3

5、创建Grid组件的Item:(添加到Grid)

(1)、选择 NGUI —> Create —> Sprite组件

(2)、选择 Component —> NGUI —> Interaction —> Drag Scroll View 代码

(3)、选择 NGUI —> Attach —> Collider 配置组件

(4)、Ctrl + D 复制Item,可以多创建几个

scrollview4

6、创建Scroll Bar组件 使用Widget Tool 添加Scroll Bar组件,将Scroll Bar拖拽到Scroll View 的 Scroll Bars属性上。(注意:需要修改Foreground的可拖动范围)

scrollview5

运行场景就可以看到成功啦。

Grid的Item可以使用代码来添加,将Item 创建Prefabs ,将下面的代码挂到Grid

 

项目下载:http://yunpan.cn/QIkYjpzuLCtKZ

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.