flutter 的像素尺寸

   日期:2020-05-04     浏览:201    评论:0    
核心提示:一般我们在android,ios中都有自己的尺寸,如:dp,pt但是在flutter中写尺寸是没有单移动开发

一般我们在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. 这个值来自设备,可能会不准确

 

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

屏幕英寸 分辨率 实测宽度 ppi devicePixelRatio
android  5寸 1080*1920 412 420 2.625
iPhone8+ 5.5寸 1080*1920 414 401 3
iPhoneXr 6.1寸 828 * 1792 414 326 2
iPhone8 4.7寸 750 * 1334 375 326 2
iPhone7+ 5.5寸 1080 * 1920 414 401 3
iPhoneX 5.8 2436×1125 375 458 3
iPhone 11 1792 x 828 像素分辨率 414 326 ppi 2

 

实测宽度:在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

 

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服