天天看点

unityTaidou(一)NGUI之列表的创建与使用

需要使用的组件:

ScrollView:滚动试图,其他组件的基础

Grid: 将列表元素拖到Grid下,统一设置长宽,实现自动排序

DragScrollView:使界面能够拖动

第一步,创建ScrollView并调整到合适的大小

unityTaidou(一)NGUI之列表的创建与使用

调整movement属性,Horizontal为水平滚动,Vertical为垂直滚动

unityTaidou(一)NGUI之列表的创建与使用

第二步,创建Scrollview的子物体Grid

根据Scrollview的UIPanel的size属性,调节Grid的size,即单个列表元素的大小

unityTaidou(一)NGUI之列表的创建与使用

调整如下

unityTaidou(一)NGUI之列表的创建与使用

Grid属性讲解:

Arrangement属性为元素排列方式,此处注意与ScrollView的movement属性的区别,前者为元素排列方向,后者为视图滚动方向

ColumnLimt属性为行列限制,Grid为水平排列,则此为列限制,最多有两列,大于两列则另起一行

第三步,将需要排列的物体拖到Grid下,成为其子物体

unityTaidou(一)NGUI之列表的创建与使用

最后,做进一步调整

将Grid移动到ScrollView的左上角,并调节Grid子物体的Widget-Pivot属性,如图

unityTaidou(一)NGUI之列表的创建与使用

此时多复制几个Grid下子物体,运行游戏,便可形成排列

但是,此时界面还不能拖动

需要在Grid子物体下添加DragScrollView组件,并且将ScrollView赋值给其ScrollView属性

unityTaidou(一)NGUI之列表的创建与使用

最终结果

unityTaidou(一)NGUI之列表的创建与使用

继续阅读