本文提供全图文流程,中文翻译。
Chinar 坚持将简单的生活方式,带给世人!
(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)
Chinar —— 心分享、心创新!
助力快速理解 Unity UGUI Layout 布局组件的使用场景
给新手节省宝贵的时间,避免采坑!
Chinar 教程效果:
全文高清图片,点击即可放大观看 (很多人竟然不知道)
1
Layout —— 布局组件
我们在做项目的时候,经常有需求
需要将某个板块中的信息,图标给整理,整齐的进行排版
如果我们一个的把方块、或者这种长条形的Ui给逐个创建,工作量十分大,而且容易出错导致位置偏移
Unity 为我们提供了 Layout 布局组件
可以非常方便的实现此类需求
例如这样的效果:
2
Create BG Image —— 创建背景
可以是 Image 或者 空物体都行
然后在游戏物体上,添加对应的 Layout 组件
3
Create element —— 创建元素
在父物体 BG / 空物体下创建需要的元素 (随意创建,可以创建后再完成元素大小的调整)
相同的元素,只需要创建一个,然后批量的进行生成 / 复制即可
4
Layout ComPonent Type —— 布局组件类型
常用的是下列3个布局组件:
Grid Layout Group 网格布局 —— 支持竖向、横向排列
Horizontal Layout Group 网格布局 —— 仅支持横向排列
Vertical Layout Group 网格布局 —— 仅支持竖向排列
具体参数很简单,无非就是宽高,间距大小之类的,还有设置排列、开始位置等等
注意:
也可以,直接在父物体下,直接生成一定数量的预设物,来完成网格的填充
动态生成,可控性很高
其他教程
May Be —— 搞开发,总有一天要做的事!
拥有自己的服务器,无需再找攻略! Chinar 提供一站式教程,闭眼式创建! 为新手节省宝贵时间,避免采坑! |
先点击领取 —— 阿里全产品优惠券 (享受最低优惠)
1 —— 云服务器包年包月 - 超全教程 (新手必备!)
2 —— 阿里ECS云服务器自定义配置 - 购买教程(新手必备!)
3—— Windows 服务器配置、运行、建站一条龙 !
4 —— Linux 服务器配置、运行、建站一条龙 !
![4ea10730ae9d84a387f47a97930b56ba644af91c](https://yqfile.alicdn.com/4ea10730ae9d84a387f47a97930b56ba644af91c.png?x-oss-process=image/resize,w_1400/format,webp)
技术交流群:806091680 ! Chinar 欢迎你的加入
END
本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究
对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: ichinar@icloud.com
对于经本博主明确授权和许可使用文章及内容的,使用时请注明文章或内容出处并注明网址