天天看點

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詳解