AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

微软公布 Flutter 最新进展:支持可折叠设备后续

  • 2022-03-03
  • 本文字数:1646 字

    阅读完需:约 5 分钟

微软公布 Flutter 最新进展:支持可折叠设备后续

2022 年 2 月 24 日,微软发布了关于支持用 Flutter 开发可折叠设备的更新公告。公告中公开了最新的开发进展,之前所打开的框架、引擎和 DisplayFeatureSubScreen 拉取请求,现在都已经整合进 Flutter 存储库,同时微软也发布新范例,供开发者尝鲜。

 

MediaQuery 现在具有 Display Features

 

微软提到,可折叠设备有许多类型,可能使用可弯曲或是可卷曲具弹性的显示器,开发者的应用程序可以在具有显示特征下(Display Feature)的显示器中,呈现更大的画面。

 

显示特征属于显示器的属性,这类信息在 Flutter 由 MediaQuery 提供。所谓的 Display Features,指的是在显示器中,可能无法使用或是受到屏蔽的区域,微软在 Flutter 添加三种显示特征,包括刘海型(Cutout)、合页型(Hinge)以及对折型(Fold)。而微软自家可折叠设备 Surface Duo 上的 Hinge 就是一个 display feature。

 

目前微软已经将支持可折叠设备的 MediaQuery 拉取请求,整合到 Flutter 的程序代码存储库中,这代表用户只要使用主要分支,就可以访问一个名为 displayFeatures 的属性,部分设备可以拥有多种 display features ,因此该属性会提供一个列表,这是列表中项目的结构:

 

class DisplayFeature {  final Rect bounds;  final DisplayFeatureType type;  final DisplayFeatureState state; }
复制代码

 

开发者也能以简单的方式,取得合页型可折叠设备的可用信息:

 

/// Extension method that helps with working with the hinge specifically.extension MediaQueryHinge on MediaQueryData {  DisplayFeature? get hinge {    for (final DisplayFeature e in displayFeatures) {      if (e.type == DisplayFeatureType.hinge)        return e;    }    return null;  }}
复制代码

 

DisplayFeatureSubScreen 也被合并

 

DisplayFeatureSubScreen 功能也已经被整合到 Flutter 主分支中,当用户想要在 Surface Duo 这类合页型可折叠设备的其中一个屏幕显示内容时,像是对话窗口,就可以选择使用 DisplayFeatureSubScreen 小工具。

 

这个小工具是对话窗口和交互窗口(Modal)的基础功能,并在“对话框和弹出窗口支持”PR 中大量使用。如果开发者的应用程序中有自定义的 modal routes,可能需要考虑使用此小部件 wrapping 它们。

 

class _MyRoute<T> extends PopupRoute<T> {  @override  Widget buildPage(...) {    return DisplayFeatureSubScreen(      child: _myPageLayout(),      anchorPoint: Offset.infinite,     );  }}
复制代码

 

目前微软在 Flutter 中提供可折叠设备的支持还未完成,除了正在接受审查的对话窗口和自订交互窗口路由拉取请求,TwoPane 工具的拉取请求也已经打开。

 

开发者可以复制微软的 Flutter 分叉,即可以使用全部这些新功能,包括使用 TwoPane,让新的对话窗口避开合页中间。官方提到,在他们新发布的范例中,展示了针对双屏幕设备的所有设计模式,以及对话窗口和合页角度的一些操作。



Surface Duo 模拟器中的 Flutter 双屏示例

 

除了双屏,开发者也可以通过范例,了解将这些设计模式,扩展到大屏幕的方法,也就是说,开发者能够在桌上计算机执行范例,并借由调整应用程序大小,来查看设计模式在不同场景的表现。

 

Flutter 和微软

 

在 Google 的大力推动下,Flutter 在过去几年中取得了长足的发展,目标是创建开发者梦想中的跨平台软件框架。Flutter 可为 Android、iOS、Linux、Windows、macOS 以及网页开发应用,所有这些都共享代码库和视觉设计。

 

而微软在支持双屏幕可折叠设备的开发也已经有两年的时间,去年 3 月,微软发布适用 Flutter 支持可折叠设备预览,要让开发人员可以使用 Flutter 在可折叠设备上开发应用程序。

 

在上个月,Flutter 2.10 稳定版正式发布,对构建 Windows 应用程序的支持首次达到稳定状态。结合本次最新的公告来看,微软目前能够衔接 Flutter 应用程序从原本移动设备的小屏幕,到可折叠设备屏幕,甚至是大屏幕的显示体验。

 

参考链接:

 

https://devblogs.microsoft.com/surface-duo/foldable-flutter-update/

2022-03-03 15:133303

评论

发布
暂无评论
发现更多内容

使用 Provider 搞定 Flutter 的局部刷新

岛上码农

flutter ios 前端 安卓开发 5月月更

2.3 廷克图(TinkerGraph)介绍

Geek_古藤模根

Gremlin 廷克图 图数据库 TinkerGraph

Java【开发入门学习】笔记一

恒山其若陋兮

5月月更

模块二,微信朋友圈架构

泋清

#架构实战营

跨平台应用开发进阶(十七) :uni-app实现内嵌H5应用

No Silver Bullet

uni-app 5月月更 内嵌H5应用

基于云服务MRS构建DolphinScheduler2调度系统

华为云开发者联盟

大数据 MRS 华为云 DolphinScheduler 调度处理

为什么人工智能需要可解释性?

博文视点Broadview

今天爬,明天没,天津市XX网 详情页加密逻辑拆解,文中关键字已经加密

梦想橡皮擦

5月月更

Vue团队核心成员开发的39行小工具 install-pkg 安装包,值得一学

若川

JavaScript 源码 前端 前端开发 Node

动态规划:打家劫舍 ⛄

空城机

算法 5月月更

LabVIEW控制Arduino流水灯(基础篇—3)

不脱发的程序猿

单片机 LabVIEW Arduino LIAT 流水灯

error: conflicting types for xxx in c

codists

c

数据中心进化论:华为带来的三个路标与新可能

脑极体

LabVIEW控制Arduino采集电位器电压(基础篇—4)

不脱发的程序猿

单片机 LabVIEW LIAT Arduino Uno 采集电位器电压

一键式打造DAO,M-DAO或成Web3新宠儿

BlockChain先知

一键式打造DAO,M-DAO或成Web3新宠儿

股市老人

从 vue-cli 源码中,我发现了27行读取 json 文件有趣的 npm 包

若川

JavaScript 前端 前端开发 Node web前端开发

LabVIEW控制Arduino实现PWM呼吸灯(基础篇—5)

不脱发的程序猿

单片机 LabVIEW LIAT Arduino Uno PWM呼吸灯

Docker下RabbitMQ四部曲之三:细说java开发

程序员欣宸

Java Docker RabbitMQ 5月月更

从 vue3 和 vite 源码中,我学到了一行代码统一规范团队包管理器的神器

若川

JavaScript 前端 前端开发 Node web前端开发

使用 FutureProvider 搞定个人主页异步请求的状态管理

岛上码农

flutter ios 前端 安卓开发 5月月更

Maven 跳过测试的几种方式

HoneyMoose

Golang 的艺术、哲学和科学

宇宙之一粟

Go 语言 5月月更

[Day46]-[数组]-三数之和

方勇(gopher)

数组 双指针 LeetCode

电子邮件的传送过程

工程师日月

TCP 5月月更

朱啸虎称赞的Web3,进入MOVE PROTOCOL将直达

股市老人

面试官:请手写一个带取消功能的延迟函数,axios 取消功能的原理是什么

若川

JavaScript 源码 前端 前端开发 axios

Windows编译环境介绍

Loken

音视频 5月月更

助力传统游戏转型GameFi,Web3Games推动游戏发展新航向

One Block Community

区块链 黑客马拉松 gamefi Web3.0

OpenMLDB 实时引擎性能测试报告

第四范式开发者社区

人工智能 机器学习 数据库 性能分析 特征平台

JAVA什么是反射?

源字节1号

软件开发

微软公布 Flutter 最新进展:支持可折叠设备后续_大前端_闫园园_InfoQ精选文章