3.x 底部对齐

TestAlign2.rar (6.7 KB)
引擎版本:3.7.2
问题:测试项目的设计分辨率是750X1334,适配宽度,场景底部有一排共四个按钮,想让这四个按钮
在任何分辨率下都能底部对齐,并且自适应宽度,在2.x里只用一个widget就可以,3.x里默认在canvas上
勾选了“Align Canvas With Screen”,在浏览器预览选择iphonexs(375X812),就会出现底部黑边,如果不勾选“Align Canvas With Screen”,则感觉相机的高度和位置不对,底部的按钮显示不全。

想在iphonexs(375X812)这个分辨率或者其他任何分辨率下实现的效果:
image

实际的效果:
image

请问大神们,该如何调整?

@215194780 帮忙看下


如果勾选“Align Canvas With Screen”,则是上图的效果,有底部黑边

加个widget组件,底对齐

https://docs.cocos.com/creator/manual/zh/ui-system/components/engine/multi-resolution.html
https://docs.cocos.com/creator/manual/zh/ui-system/components/engine/widget-align.html


你这明显是做竖屏,要让按钮全部显示固定 Canvas 的宽 Fit Width
整体适配策略:画布宽适配,高随着屏幕大小变化
https://docs.cocos.com/creator/manual/zh/ui-system/components/editor/canvas.html?h=canvas%20

Widget肯定加了,2.x里也是一个Widget轻松解决,只是这3.x有点陌生

我的项目设置就是适配宽度,题目描述了:joy:

谢谢,晚上试下

非常感谢,效果是对的,四个按钮的widget不需要也可以,因为父节点已经做了底部对齐。我好奇的是,为啥canvas只设置为底部对齐不可以,同时设置为顶部和底部对齐就可以了?



所以默认添加的canvas,Widget组件默认Top/Right/Bottom/Left都勾选。
em~~大概是这样

1赞