求个解决方案 !背景铺满全屏 ui高度适配 在pc和手机浏览器都能适配

如题 请问类似下图这种适配在 cc3.3.2 怎样实现?求大佬给指导指导

没用过3.3.2,但是感觉用widget就可以 Widget (cocos.com)

widget组件我所有ui都加了 ,适配采用全屏幕适配 UI会被放大 只勾选宽适配 ui会被带走 只勾选高适配 pc屏幕会左右黑边

你怎么设置的最好截个图看看才清楚 :sweat_smile:

按钮部分wiget可以搞定,背景的话如果我实现的话应该得用两个,判断分辨做个切换显示,然后配合widget拉伸不黑边应该就可以了

背景图是个能涵盖所有屏幕的超大图吗

横屏设计分辨率适配成竖屏?而且看图好像连适配组件都没有加,直接套用文档的适配规则就行了

这个挺简单的啊,

天煞魔猎手 Cocos Creator 多分辨率完美适配系列-1(现状与最终效果) - 简书

1赞

这是粗暴的:横屏背景强行适配竖屏 + 竖屏UI强行适配横屏,根本没有掌握屏幕适配的核心意义。

1赞

适配分为两个部分。一个是背景的分辨率宽高适配。一个是UI布局位置自动对齐的适配。widget是UI布局适配。背景分辨率可以根据宽高比动态计算下去适配高或宽。

我用的是3.3.2 宽高全适配的方式 ui根节点是widget宽高拉伸 ui是一个一个预置体 预制体根节点也是widget宽高拉伸 预置内各个节点是边缘对齐 但是到浏览器上就就是把预置内的节点给拉伸了 很奇怪啊

核心意义我是没掌握 老板的需求我是get了 :rofl:

挂一个脚本在设置widge即可

竖屏适配宽,宽屏适配高,背景全适配,上下左右的节点用widget对齐,应该可以吧

2赞