flutter 的像素尺寸 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 技术分享 >

flutter 的像素尺寸

发表时间:2020-10-19

发布人:葵宇科技

浏览次数:47

一般我们在android,ios中都有自己的尺寸,如:dp,pt

但是在flutter中写尺寸是没有单位的。如:

SizedBox(height: 736,width: 375,child: Container(color: Colors.lightBlueAccent) )

实际上它的尺寸当然是有的。 在不同设备中它与 devicePixelRatio 属性有关,通过此属性得到一个逻辑像素占用多少个实际像素,根据文档(https://api.flutter.dev/flutter/dart-ui/Window/devicePixelRatio.html)有几点需要注意:

1. 很少需要修改这个值

2. 这个值来自设备,可能会不准确

我用模拟器(下面列表中全部都是)来做测试,信息如下:

屏幕英寸分辨率实测宽度ppidevicePixelRatioandroid 5寸1080*19204124202.625iPhone8+ 5.5寸1080*19204144013iPhoneXr 6.1寸828 * 17924143262iPhone8 4.7寸750 * 13343753262iPhone7+ 5.5寸1080 * 19204144013iPhoneX 5.82436×11253754583iPhone 111792 x 828 像素分辨率414326 ppi2

实测宽度:在Flutter中,一个SizedBox的宽度刚好撑满屏幕宽度的数值

结论:

除了 iPhone8+,iPhone7+ 之外,其它的 : 分辨率宽度 = devicePixelRatio * 实测宽度

怀疑 iPhone8+,7+ 的模拟器应该是Flutter存在BUG. 它的分辨率不是上面表格中的 1080 * 1920

内部的数据:window.physicalSize.width = 1242 , MediaQuery.of(context).size.width = 414

其它朋友写的文章 ,比较有帮助

https://www.cnblogs.com/ckAng/p/10077832.html

相关案例查看更多