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

需要使用的组件:

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

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

DragScrollView:使界面能够拖动


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

unityTaidou(一)NGUI之列表的创建与使用_第1张图片


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

unityTaidou(一)NGUI之列表的创建与使用_第2张图片


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

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

unityTaidou(一)NGUI之列表的创建与使用_第3张图片

调整如下

unityTaidou(一)NGUI之列表的创建与使用_第4张图片

Grid属性讲解:

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

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


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

unityTaidou(一)NGUI之列表的创建与使用_第5张图片

最后,做进一步调整

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

unityTaidou(一)NGUI之列表的创建与使用_第6张图片


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


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

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

unityTaidou(一)NGUI之列表的创建与使用_第7张图片


最终结果

unityTaidou(一)NGUI之列表的创建与使用_第8张图片


你可能感兴趣的:(unity泰斗破坏神学习笔记)