NGUI之UIGrid
程序开发
2023-09-11 07:28:47
UIGrid:这个组件可以轻松的让你排列你的组件,并且在运行或是编辑的时候都可以。
更多精彩请关注【狗刨学习网】
效果图如下:
一:使用步骤
1.选择一个panel然后右键Create——Grid
2.为Grid创建几个子Sprite,位置随便放
3.然后运行,效果如下
4.UIGrid组件分析
其中的右上角的小齿轮点击开,里面的Execute,点击即可在编辑的状态下排列这些Sprite了。
Arrangement:排列的方向。 Sorting:排列的顺序。 ————None:没有顺序。
————Alphabetic:按字母的顺序。 ————Horizontal:水平放置的顺序。 ————Vertical:垂直放置的顺序。 ————Custom:自定义的方式。比如将Sprite的名字命名方式如下:001,002,003 Pivot:抛点的位置。 Max Per Line:最大行或是列的数量。 Cell Width:单元之间的宽度。 Cell Height:单元之间的高度。 Animate Smoothly:平滑动画。 Hide Inactive:隐藏不活动的组件。 Keep Within Panel:保持在Panel中。
更多精彩请关注【狗刨学习网】
效果图如下:

一:使用步骤
1.选择一个panel然后右键Create——Grid

2.为Grid创建几个子Sprite,位置随便放

3.然后运行,效果如下

4.UIGrid组件分析

其中的右上角的小齿轮点击开,里面的Execute,点击即可在编辑的状态下排列这些Sprite了。

Arrangement:排列的方向。 Sorting:排列的顺序。 ————None:没有顺序。
————Alphabetic:按字母的顺序。 ————Horizontal:水平放置的顺序。 ————Vertical:垂直放置的顺序。 ————Custom:自定义的方式。比如将Sprite的名字命名方式如下:001,002,003 Pivot:抛点的位置。 Max Per Line:最大行或是列的数量。 Cell Width:单元之间的宽度。 Cell Height:单元之间的高度。 Animate Smoothly:平滑动画。 Hide Inactive:隐藏不活动的组件。 Keep Within Panel:保持在Panel中。
标签:
上一篇:
【译】发布你自己的npm包
下一篇:
相关文章
-
无相关信息