枣庄住房和城乡建设厅网站,网络通信公司排名,广告公司网站官网,寿光市住房和城乡建设局网站像flutter是支持PC宽屏、桌面平台#xff08;Windows/macOS/Linux#xff09;#xff0c;我一直在期望UniApp什么时候也支持PC#xff0c;桌面平台#xff0c;终于盼到了。
1、支持PC宽屏
从uni-app 2.9起#xff0c;支持PC宽屏的适配。
uni-app提供的屏幕适配方案Windows/macOS/Linux我一直在期望UniApp什么时候也支持PC桌面平台终于盼到了。
1、支持PC宽屏
从uni-app 2.9起支持PC宽屏的适配。
uni-app提供的屏幕适配方案包括3部分
1.1 页面窗体级适配方案leftWindow、rightWindow、topWindow
以目前手机屏幕为主window在左右上可新扩展 leftWindow、rightWindow、topWindow这些区域可设定在一定屏幕宽度范围自动出现或消失。这些区域各自独立切换页面支持在各自的window内刷新而不是整屏刷新。
各个window之间可以交互通信。
1.2 组件级适配方案match-media组件
uni-app提供了 match-media组件 和配套的 uni.createMediaQueryObserver 方法。
1.3 内容缩放拉伸的处理
除了根据屏宽动态显示和隐藏内容其实还有一大类屏幕适配需求即内容不会根据屏宽动态显示隐藏而是缩放或拉伸。
具体来说内容适应又有两种细分策略
局部拉伸页面内容划分为固定区域和长宽动态适配区域固定区域使用固定的px单位约定宽高长宽适配区域则使用flex自动适配。当屏幕大小变化时固定区域不变而长宽适配区域跟着变化等比缩放根据页面屏幕宽度缩放。rpx其实属于这种类型。在宽屏上rpx变大窄屏上rpx变小。
2、支持桌面客户端
有了宽屏适配uni-app的应用就可以方便的通过electron第三方工具还有NW.js/Capacitor/Tauri打包为电脑客户端应用支持windows、mac、linux。
开发者可以随意调用electron的API以调用更多操作系统的能力为方便多端兼容可以将这些特殊API写在自定义的条件编译里。
首先得将UniApp导出web版本再web配置electron打包里exe程序同样也可以打包mac,linux下的桌面应用具体操作见electron官网。若是能支持导出exe程序那就更方便了不用去学习electron目前看可能性不大毕竟UniApp是以手机为主的PC只是辅助的。 electron官网https://www.electronjs.org/zh/docs/latest/ 注具体去UniApp看官方文档
