unity之Layout Group居中显示

简介: unity实现Layout Group居中显示
推荐阅读:

Layout Group

首先介绍一下Layout Group,unity的LayoutGroup分为三种,

Horizontal Layout Group(水平布局)

Padding:间隔
CellSize:子物体大小
Spacing:子物体之间的间隔
Start Corner:子物体排列的角度
Start Axis:子物体排列方向
Child Alignment:子物体整体位于什么方位
Constraint 约束:Flexible灵活的( 按照父物体长宽自动横竖行 ) Fixed Column Count 指定列数 Fixed Row Count 指定行数

Vertical Layout Group(垂直布局)
Grid Layout Group (网格布局)

child force expand:是否强制拉伸长宽到父物体大小
单是一个布局组件很难实现想要的效果,还可以再添加一个Content Size Fitter 组件配合使用(只是用来过滤尺寸,没有设置的选项默认为0处理,比如选择Min Width ,但是子物体上没有设置过Min Width ,那么它就没有宽度)。
Content Size Fitter 内容大小过滤 组件
Horizontal Fit:子物体横向适配(Unconstrained 不受约束 Preferred Size 首选尺寸 Min Size 最小尺寸)
Vertical Fit:子物体竖向适配
Layout Element 布局元素 组件( 子物体上需要添加 )
Min Width:最小宽度( 不受父物体宽度影响 )
Min Height:最小高度
Preferred Width:首选宽度( 最大不能超过父物体宽度 )
Preferred Height:首选高度
Flexible Width:灵活宽度 ( 只有0和大于0两种 大于0的话会自动补全宽度)
Flexible Height:灵活高度

需求:

物品居中对齐,且间距不变。
例如:
当有两个物品时:
在这里插入图片描述
当有四个物品时:
在这里插入图片描述

实现

注意:需要重点注意的是改gameObject的width不能比所有子物体的的width之和小
在这里插入图片描述
Spacing 表示 cell之间的距离。
Child Alignment 表示对齐方式。
Child Controls Size 表示是否控制(改变)子物体大小
Child Force Expand 表示 自适应 宽 和高
案例资源链接:layoutGroup.unitypackage
同样使用改组件,实现自动收缩功能:
收缩前是这样子的:
在这里插入图片描述
收缩后是这样子的:
在这里插入图片描述
实现:
在这里插入图片描述
标题:
在这里插入图片描述
滑动列表:
在这里插入图片描述

相关文章
|
图形学 异构计算
Unity【LOD Group】- 关于性能优化中LOD的使用与总结
Unity【LOD Group】- 关于性能优化中LOD的使用与总结
606 0
Unity【LOD Group】- 关于性能优化中LOD的使用与总结
|
图形学
Unity UGUI Layout自动排版组件用法介绍
Unity UGUI Layout自动排版组件用法介绍 助力快速理解 Unity UGUI Layout 布局组件的使用场景 本文提供全图文流程,中文翻译。 要将某个板块中的信息,图标给整理,整齐的进行排版 如果我们一个的把方块、或者这种长条形的Ui给逐个创建,工作量十分大,而且容易出错导致...
4990 0
|
图形学
unity ugui Toggle Group详解(Chinar出品、简单易懂)
UGUI Toggle Group用法教程 本文提供全流程,中文翻译。 Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例) Chi...
3188 0
|
5月前
|
开发框架 Java C#
【Unity逆向】玩游戏遇到的“飞天锁血”是怎么实现的?
【Unity逆向】玩游戏遇到的“飞天锁血”是怎么实现的?
93 0
|
5月前
|
存储 自然语言处理 监控
【Unity 实用工具篇】| 游戏多语言解决方案,官方插件Localization 实现本地化及多种语言切换
Unity的多语言本地化是一个很实用的功能,它可以帮助游戏支持多种语言,让不同语言的玩家都能够更好地体验游戏。 而实现本地化的方案也有很多种,各个方案之间也各有优劣,后面也会对多个方案进行介绍学习。 本文就来介绍一个专门作用于多语言本地化的Unity官方插件:Localization 。 这个插件方便进行游戏的多语言本地化,让游戏支持多种语言,下面就来看看该插件的使用方法吧!
|
4月前
|
定位技术 C# 图形学
Unity和C#游戏编程入门:创建迷宫小球游戏示例
Unity和C#游戏编程入门:创建迷宫小球游戏示例
76 2
|
9月前
|
开发框架 Java .NET
《unity游戏优化》第8章内存优化
《unity游戏优化》第8章内存优化
|
5月前
|
运维 API C#
【Unity游戏破解】外挂原理分析
【Unity游戏破解】外挂原理分析
170 0
【Unity游戏破解】外挂原理分析
|
5月前
|
vr&ar 图形学
【Unity 3D】VR飞机起飞喷火游戏案例实战(附源码和演示视频 超详细)
【Unity 3D】VR飞机起飞喷火游戏案例实战(附源码和演示视频 超详细)
61 0
|
5月前
|
图形学
【Unity 3D】3D游戏跑酷小子实战教学(附源码和步骤 超详细)
【Unity 3D】3D游戏跑酷小子实战教学(附源码和步骤 超详细)
187 0