当前位置: 首页 > news >正文

Laya的适配模式选择

文章目录

  • SCALE_FIXED_AUTO
  • SCALE_SHOWALL
  • SCALE_FULL
  • SCALE_FIXED_HEIGHT
  • SCALE_FIXED_WIDTH
  • SCALE_NOSCALE
  • SCALE_EXACTFIT
  • SCALE_NOBORDER
  • demo

SCALE_FIXED_AUTO

  • NO.1
  • 会透,拉伸能解决
  • 官网解释:应用保持设计比例不变,全屏显示全部内容(类似showall,但showall非全屏,会有黑边),根据屏幕长宽比,自动选择使用SCALE_FIXED_WIDTH或SCALE_FIXED_HEIGH

SCALE_SHOWALL

  • NO.2
  • 左右上下可能留空白(完全设计宽高比例游戏)
  • 官方:应用显示全部内容,按照最小比率缩放,等比缩放不变形,一边可能会留空白,stage的宽高等于设计宽高。

SCALE_FULL

  • No.3 (不太考虑,改变屏幕比例后需要刷新才跟着变
  • 界面可能会透(要避免需要bgImg和界面拉伸能适配
  • 官方:应用保持设计宽高不变,不缩放不变形,stage的宽高等于屏幕宽高。

SCALE_FIXED_HEIGHT

  • 不太推荐(会透
  • 官方:应用保持设计高度不变,宽度根据屏幕比缩放,stage的高度等于设计宽度,宽度根据屏幕比率大小而变化

SCALE_FIXED_WIDTH

  • 不推荐(会透会糊
  • 官方:应用保持设计宽度不变,高度根据屏幕比缩放,stage的宽度等于设计高度,高度根据屏幕比率大小而变化

SCALE_NOSCALE

  • 不推荐(可能看不全
  • 官方:应用保持设计宽高不变,不缩放不变形,stage的宽高等于设计宽高。

SCALE_EXACTFIT

  • 不推荐(铺满会变形
  • 官方:应用根据屏幕大小铺满全屏,非等比缩放会变形,stage的宽高等于设计宽高。

SCALE_NOBORDER

  • 不推荐(可能单边显示不全
  • 官方:应用按照最大比率缩放显示,宽或高方向会显示一部分,等比缩放不变形,stage的宽高等于设计宽高。

demo

const info = Laya.Browser;
if(Laya.Browser.onPC){Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL;Laya.stage.screenMode = Laya.Stage.SCREEN_NONE;Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
}else if (info != null && Number(info.width) / Number(info.height) > 1.42) { // 横屏显示全部Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL;Laya.stage.screenMode = Laya.Stage.SCREEN_HORIZONTAL;Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
}else if(info != null && Number(info.width) / Number(info.height) < 1.42){// 竖屏固定宽度Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_AUTO;Laya.stage.screenMode = Laya.Stage.SCREEN_VERTICAL;Laya.stage.alignV = Laya.Stage.ALIGN_BOTTOM;Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
}
http://www.lryc.cn/news/625757.html

相关文章:

  • 代码随想录算法训练营四十六天|图论part04
  • BROADCHIP广芯电子在各类电子产品的方案与应用
  • 企业如何让内部视频仅限指定域名播放,确保视频不被泄露?
  • 2025年8月16日(星期六):雨骑古莲村游记
  • 机器人控制基础:运动控制中的串级pid原理以及实现方案(包含代码示例)
  • 学习笔记分享——基于STM32的平衡车项目
  • 8.19打卡 DAY 46 通道注意力(SE注意力)
  • RabbitMQ处理流程详解
  • docker回炉重造
  • 无畏契约手游上线!手机远控模拟器畅玩、抢先注册稀有ID!
  • 概率论基础教程第5章 连续型随机变量(一)
  • Flask 路由与视图函数绑定机制
  • 编译器错误消息: CS0016: 未能写入输出文件“c:\Windows\Microsoft.NET... 拒绝访问
  • 概率论基础教程第4章 随机变量(四)
  • Android Cordova 开发 - Cordova 嵌入 Android
  • GaussDB 中 alter default privileges 的使用示例
  • 从H.264到AV1:音视频技术演进与模块化SDK架构全解析
  • Meta首款AR眼镜Hypernova呼之欲出,苹果/微美全息投入显著抢滩市场新增长点!
  • 搭建最新--若依分布式spring cloudv3.6.6 前后端分离项目--步骤与记录常见的坑
  • 磨砂玻璃登录页面使用教程 v0.1.1
  • 可靠性测试:软件稳定性的守护者
  • t12 low power design: power plan脚本分享(4) power stripe
  • 9.Ansible管理大项目
  • MCP(模型上下文协议):是否是 AI 基础设施中缺失的标准?
  • Flink原理与实践:第一章大数据技术概述总结
  • Ubuntu、CentOS、AlmaLinux 9.5的 rc.local实现 开机启动
  • 构建自主企业:AgenticOps 的技术蓝图
  • VS Code 终端完全指南
  • Java 大视界 -- Java 大数据机器学习模型在自然语言处理中的多语言翻译与文化适应性优化
  • Transformer十问