UniApp如何打包成客户端应用程序

打印 上一主题 下一主题

主题 707|帖子 707|积分 2121

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
像flutter是支持PC宽屏、桌面平台(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看官方文档


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

梦应逍遥

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表