区块链技术博客
www.b2bchain.cn

flutter 的像素尺寸的讲解

这篇文章主要介绍了flutter 的像素尺寸的讲解,通过具体代码讲解7399并且分析了flutter 的像素尺寸的讲解的详细步骤与相关技巧,需要的朋友可以参考下

本文实例讲述了flutter 的像素尺寸的讲解。分享给大家供大家参考文章查询地址https://www.b2bchain.cn/7399.html。具体如下:

一般我们在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

 

本文地址https://www.b2bchain.cn/7399.html

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » flutter 的像素尺寸的讲解
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们