很久没有发文了,最近一直在研究微信小游戏,屏幕适配问题真的是哪里都存在。
无奈论坛资料及可行的解决方案还是太少,还是得靠自己。
且来看一看在微信上如何达到适配多样化屏幕
奔着解决方案来的可直达解决方案
工具
LayaAir 引擎
TypeScripte 语言
需要关注的点
- 主要集中在背景图及边框附近的UI元素位置重设
- 缩放后安全区域(不会被裁切)内的UI 响应位置是否会被改变
与屏幕有关的一些基础内容
屏幕方向
不受屏幕方向影响,不会改变物理屏幕方向
//竖屏
Laya.stage.screenMode = Laya.Stage.SCREEN_VERTICAL
//横屏
Laya.stage.screenMode = Laya.Stage.SCREEN_HORIZONTAL
缩放模式
Laya.init
之后,舞台宽高无法再更改
Laya.stage.scaleMode
Laya.Stage.SCALE_NOSCALE "noscale"
Laya.Stage.SCALE_FULL "full"
Laya.Stage.SCALE_EXACTFIT "exactfit"
Laya.Stage