java layout组件居中_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:灵活高度

需求:

物品居中对齐,且间距不变。

例如:

当有两个物品时:

c9e2d369b0f5abcefab5bc09fe8fdf2f.png

当有四个物品时:

515e6f8ac9d147b5d1c8e65d5ef88e8e.png

实现

注意:需要重点注意的是改gameObject的width不能比所有子物体的的width之和小

d8705103c77abc0018006d8706d9b244.png

Spacing 表示 cell之间的距离。

Child Alignment 表示对齐方式。

Child Controls Size 表示是否控制(改变)子物体大小

Child Force Expand 表示 自适应 宽 和高

案例资源链接:layoutGroup.unitypackage

同样使用改组件,实现自动收缩功能:

收缩前是这样子的:

2da3be3baa40ac3ccf4e1e60af9cb9be.png

收缩后是这样子的:

9446b27be396ad9b2f2de20a80dc82d6.png

实现:

debc4dd06b5b829aca94db57ef5971e7.png

标题:

3589d3bd666141c931e3b9ba2612587a.png

滑动列表:

9ca302d104c91de1fb7c44926934b963.png

标题:unity之Layout Group居中显示

作者:shirln

地址:https://www.mmzsblog.cn/articles/2020/07/28/1595904293927.html

-----------------------------

如未加特殊说明,此网站文章均为原创。

网站转载须在文章起始位置标注作者及原文连接,否则保留追究法律责任的权利。

公众号转载请联系网站首页的微信号申请白名单!

个人微信公众号 ↓↓↓

%E5%BE%AE%E4%BF%A1%E6%90%9C%E4%B8%80%E6%90%9C%E7%88%B1%E4%B8%8A%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91-e1eee390.png

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值