Laya 屏幕适配

Laya 屏幕适配

@author ixenos 2019-03-20 21:44:52

 

1.最简单的方案:原比例,对照屏幕尺寸的最小比率缩放,有黑边

Laya.stage.scaleMode = Stage.SCALE_SHOWALL;//按最小比率缩放,以显示全部,有黑边

Laya.stage.screenMode = Stage.SCREEN_VERTICAL;//自动竖屏

Laya.stage.alignH = Stage.ALIGN_CENTER;//水平居中

Laya.stage.alignV = Stage.ALIGN_MIDDLE;//垂直居中

 

2.精细化的方案1: 按照屏幕方向进行高度或宽度适配,每一页定义好对应比例的显示

上面的方法过于简单粗暴了,因为屏幕尺寸碎片化的问题,那么固定一个尺寸之后,在其他机型就会有黑边,showAll,但是难看。

为了全屏幕展示,需要让地图在最长边延伸,展示内容居中。

还有刘海屏问题

待续....

 

转载于:https://www.cnblogs.com/ixenos/p/10567959.html

Laya 2.8.1+ 打包华为快游戏RPK:搞定资源加载与屏幕适配的完整流程 本文详细介绍了使用Laya 2.8.1+引擎打包华为快游戏RPK的完整流程,重点解决资源加载与屏幕适配问题。通过引入华为快游戏SDK和适配代码,开发者可以高效处理本地文件路径、网络请求和音频播放等关键环节,确保游戏在华为设备上的流畅运行。 阅读详情

相关推荐

laya面试题

项目经验:做过哪些模块,典型的业务模块如何实现,版本更新 1.闭包, 闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量、 Function里面套function function outer() { var name: "object", var getName= function() { console.info(this.name) } } var inner = outer() inner() 2.var...

五千年的后羿 3508

LAYA屏幕适配

相关概念 1、物理分辨率:简单来讲,就是设备像素,也就是一般人所理解的屏幕尺寸,例如iPhone8 的物理分辨率是1334 × 750 2、缩放因子:机型物理分辨率也越来越高,一个point所占用的物理像素越来越高,缩放因子表达式为@nX,也就是在这个机型上1个point 用n×n的物理像素矩阵来表示 3、逻辑分辨率:就是就是软件所使用的分辨率。物理分辨率/逻辑分辨率 = 缩放因子 4、设备像素比DPR(Device Pixel Ratio):也就是缩放因子,LayaAir引擎中通过La...

远行的博客 2110

LayaAir 2.8.1+ 引擎开发华为快游戏:搞定资源加载、屏幕适配与隐私合规

本文详细介绍了使用LayaAir 2.8.1+引擎开发华为快游戏的全流程实战指南,重点解决资源加载、屏幕适配与隐私合规三大核心问题。通过华为SDK接入、文件读取适配、音视频播放兼容方案等实用技巧,帮助开发者高效应对开发过程中的常见挑战,确保游戏顺利上线并符合平台规范。

weixin_33327380的博客 351

layabox手游全面屏、ipad屏幕适配方案

layabox手游全面屏、ipad屏幕适配方案

crazy_yun的博客 1107

FairyGUI-layabox:LayaAir的灵活UI框架

FairyGUI-layabox A flexible UI framework for LayaAir Engine, working with the FREE professional Game UI Editor: FairyGUI Editor. Official website: 关于版本 目前有三个主要的分支: master 是用于LayaAir2.2或更新的版本 layair2.0-2.1 是用于LayaAir2.0,2.1这两个版本 layair1.x 用于LayaAir1.x版本 目录结构 source fairygui的源码 demo 例子工程,可用Laya IDE直接打开 UIProject UI 工程,可以FairyGUI编辑器打开 获取fairygui库 如果你只是想添加或者更新fairygui库到你的项目,那么下载以下文件即可: source/bin/fair

Layaair UI适配

Layair 的屏幕适配 在开发过程中其实 最反感 黑边,使用地址: https://blog.youkuaiyun.com/nicepainkiller/article/details/83862351 https://blog.youkuaiyun.com/nicepainkiller/article/details/83862351

Laya 屏幕自适应

【代码】Laya屏幕自适应。

lead_cai的博客 659

Blazor Session设置

微软官方封装了一些浏览器的操作,其中就有Session的操作的封装ProtectedSessionStorage 微软文档因为我们知道,依赖注入的生命周期是Singleton程序Scoped网页:刷新,url直接跳转都会重置。Transient路由C# Blazor 学习笔记(10):依赖注入但是没有一个和浏览器绑定的生命周期。即浏览器关闭才会退出。这个是后端无法获取的,因为后端根本不知道浏览器何时关闭。这个只能用浏览器自带的缓存。

qq_44695769的博客 1788

LayaAir 屏幕适配-缩放模式

目录 LayaAir 宽高定义 屏幕缩放模式 LayaAir 宽高定义 1、设计宽高:项目代码中初始化舞台 Laya.init() 中定义的宽高即为设计宽高 2、Stage 宽高:stage 宽高为游戏舞台实际大小的宽高 3、适配宽高:通过引擎的适配模式对设计宽高进行缩放改变后的宽高,为了便于区分理解,称为适配宽高 4、画布宽高:画布宽高是指 HTML5 中 canvas 节点的宽高...

蚩尤后裔-汪茂雄 7075

HC-SR04测距不准?STM32F103定时器捕获模式详解与精度提升实战

本文详细解析了HC-SR04超声波测距模块在STM32F103上的精度问题,并提供了定时器输入捕获模式的实战配置方法。通过硬件级时间测量和温度补偿算法,将测距精度提升至±0.1cm,适用于工业级应用场景。文章包含完整的代码实现和测试对比数据,帮助开发者解决超声波测距不准的常见问题。

weixin_30313409的博客 351

Yolov26 在 Rk3588 上的 Rknn Onnx 部署实践(模型转换)

本文详细介绍了将YOLOv26 ONNX模型转换为RKNN模型的过程,适用于RK3588平台。主要内容包括:1)量化数据集的创建,通过随机抽取最多400张JPG图片生成校准数据集;2)ONNX转RKNN的完整脚本,支持多种量化方式和平台适配;3)模型转换的参考调用方式;4)模型结构对比展示。文章还提供了注意事项,强调量化数据集图片尺寸、mean/std值需与实际推理一致,并给出精度优化建议。该转换流程为YOLOv26模型在RK3588上的高效部署提供了完整解决方案。

qq_64366203的博客 1127

scalemode属性 html,Laya屏幕适配及尺寸属性

一、各种尺寸属性2.Laya.Stage/**设计宽度(初始化时设置的宽度Laya.init(width,height))*/public var designWidth:Number = 0;/**设计高度(初始化时设置的高度Laya.init(width,height))*/public var designHeight:Number = 0;override public function ...

weixin_42370320的博客 1015

在 Windows 上使用 Anaconda 创建 配置 YOLOv8虚拟环境,并更改 pip 源以及以 可编辑模式 安装ultralytics

前往 NVIDIA cuDNN 下载页面,下载与您安装的 CUDA 版本匹配的 cuDNN 版本。:根据您的系统和 CUDA 版本,选择适当的 whl 文件。如下12.7,表示最高可装12.7版本CUDA,与上图中的支持的最高cuda版本一致。,无需重新安装,从而大幅提升开发效率,适用于项目开发、调试或依赖本地未发布的版本时使用,但需确保当前目录包含。:访问 NVIDIA 官方网站,下载与您的显卡和操作系统兼容的 CUDA 版本。首先,确保NVIDIA 显卡支持 CUDA,并安装相应版本的驱动程序。

weixin_44115575的博客 1893

Laya Note 常见Bug及解决方法,Laya常用API, 资源加载,getChildAt()有Bug,用this._children[0].visible = false替代

//****************************************** 1)搭建Http服务器 ******************************************// $ npm i -g http-server $ http-server ./ TypeError: Laya.Templet is not a constructor laya.core.js:17243 TypeError: Laya.Templet is not a constructor 【

qq_42838904的博客 4410

USB HID虚拟电池:Windows零驱动电源状态模拟方案

虚拟电池是一种在硬件测试与功耗分析中替代真实电池、实现可控电源状态注入的关键技术。其核心原理是通过标准USB HID协议(特别是UPS设备类)向操作系统上报可编程的AC/DC状态、剩余电量、容量参数等,绕过内核驱动限制,达成毫秒级响应与跨Windows版本兼容。该技术显著提升SoC能效验证、电池健康度校准及低电量行为触发等场景的可重复性与精度。本文基于CH554微控制器实现符合HID UPS规范的物理层虚拟电池设备,支持零驱动安装、USB原生识别与实时参数调控,适用于笔记本平台功耗建模、电源管理策略验证及自

weixin_35755188的博客 354

基于潜在空间分数匹配的混合型表格数据合成方法

然而,在我们的模型中,β 预计会更小,因为我们不需要嵌入的分布精确地遵循标准高斯分布,因为我们还有一个额外的扩散模型。受 Transformer 在表格数据分类/回归任务中取得成功的启发,我们首先为每一列学习一个独特的标记器,然后将标记(列)级表示输入到 Transformer 中,以捕捉列之间错综复杂的关系。在第 4 节中,我们证明了通过这种设计,TABSYN 可以在不到 20 次函数评估(NFE)的情况下生成高质量的合成表格数据,这比其他基于扩散的表格数据合成方法要少得多。是标记器的可学习参数。

步子哥的博客 854

Laya 实操十二:屏幕适配

widget 为Scene添加此组件并设置,使Scene随屏幕变化。

JPF29 662

WPF 上位机可视化天花板:HandyControl 搭建 SCADA 系统

HandyControl 凭借「丰富的工业级控件、灵活的主题定制、优异的性能」,成为 WPF 开发 SCADA 系统的首选 UI 库。本文搭建的 SCADA 系统涵盖实时监控、设备控制、报警管理、趋势分析四大核心功能,通过 HandyControl 实现了工业级可视化效果,开发效率提升 60% 以上。控件开箱即用:无需自定义仪表盘、趋势图、指示灯等 SCADA 核心控件;可视化效果专业:工业风主题、动态颜色切换、清晰的状态呈现,契合工业场景需求;

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 1126

laya屏幕UI适配相对位置

在使用laya制作手机端小游戏时,有时希望某个UI相对于屏幕底部等位置保持一定的距离,可以在layaIDE下如此设置: 如:保持一个按钮在任何分辨率手机下总是距离底部100个像素分辨率。 仅以scaleMode="fixedwidth"举例,其它适配方式类推。 此时编译运行发现手机不同分辨率屏幕下未能与底部保持一致。 因为这个相对位置bottom是相对对象是Scene的宽高,而Scene的宽高是...

u012740992的专栏 2182

大数据合规工程师必备的7项核心技能

当我们谈论“大数据”时,往往先想到它的价值——驱动业务增长、优化用户体验、赋能智能决策。大数据的价值越大,其合规风险的“重量”就越重。2023年,全球有超过120个国家出台了数据保护法规,中国《个人信息保护法》《数据安全法》的实施进入深水区,欧盟GDPR的罚款金额屡创新高(最高达全球营收的4%)。企业面临的合规压力,早已从“被动应对监管”升级为“主动构建合规能力”。在这样的背景下,大数据合规工程师。

SuperAGI2025 1261

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

Laya 吐槽日志.

新换了一个公司,公司有两个产品都是用的laya, 一个as写的2D游戏, 一个ts写的3D游戏 as写小游戏,各种不舒服啊, 一堆 __JS这样的代码, 体验极差. laya IDE 按钮只能做成一张合图, 这种方式有利有弊, 觉得可以再新增一个支持散图的,做按钮. 最大的缺点是无法屏幕适配. IDE里的上,下,左,右,底部,顶部等位置,全部是相对设计分辨率的...

302

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

laya之微信 屏幕适配---理解canvas,手机设备,设计ui之间的关系

首先   层级 包含关系   手机设备屏(画布canvas   (设计ui)) 举例说明 比如ui设计720*1080.  那么在laya中我们初始化引擎会设置画布canvas为720*1080;但是由于机型各种各样,当设配宽高大于canvas时,微信会自动将canvas拉伸与设配相等。那么ui也会随之被拉伸不符合原设计效果。 此时我们需要将canvas的宽设与设备屏宽近似相等,一般取ui的...

snxxxx的博客 2650

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

【Laya】Browser 使用说明

Laya.Browser API 提供跨平台浏览器环境检测与操作功能,封装了设备信息获取、屏幕尺寸计算、DOM操作等常用方法。该API包含40+只读属性用于检测运行环境(如移动设备、各平台小游戏等),提供屏幕尺寸、像素比等实用属性,以及创建DOM元素、获取URL参数等方法。开发者可通过这些接口实现环境适配和跨平台开发,支持从PC浏览器到各类小游戏平台的统一访问。典型应用包括环境判断、屏幕适配和原生DOM操作等场景。

孟无岐的博客 1062

Laya发布魅族小游戏后屏幕显示不全的解决方法

建议去看Laya那边的技术文档,关于屏幕适配的部分 可以先找到游戏项目的Main.ts文件,在里边添加一句 Config.useRetinalCanvas=true 也可以根据laya官方文档去改,链接在这,别想着看魅族的坑爹文档了。 ...

Locker的博客 629
上一篇: [转载] Laya性能优化精选内容整理
下一篇: Laya List翻页滚动方案 & List滚动源码解析
ddmm2012
博客等级 码龄10年 3粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值