知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
flutter 的像素尺寸
發(fā)表時(shí)間:2020-10-19
發(fā)布人:葵宇科技
瀏覽次數(shù):62
一般我們?cè)赼ndroid,ios中都有自己的尺寸,如:dp,pt
但是在flutter中寫尺寸是沒有單位的。如:
SizedBox(height: 736,width: 375,child: Container(color: Colors.lightBlueAccent) )
實(shí)際上它的尺寸當(dāng)然是有的。 在不同設(shè)備中它與 devicePixelRatio 屬性有關(guān),通過此屬性得到一個(gè)邏輯像素占用多少個(gè)實(shí)際像素,根據(jù)文檔(https://api.flutter.dev/flutter/dart-ui/Window/devicePixelRatio.html)有幾點(diǎn)需要注意:
1. 很少需要修改這個(gè)值
2. 這個(gè)值來自設(shè)備,可能會(huì)不準(zhǔn)確
我用模擬器(下面列表中全部都是)來做測(cè)試,信息如下:
屏幕英寸分辨率實(shí)測(cè)寬度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
實(shí)測(cè)寬度:在Flutter中,一個(gè)SizedBox的寬度剛好撐滿屏幕寬度的數(shù)值
結(jié)論:
除了 iPhone8+,iPhone7+ 之外,其它的 : 分辨率寬度 = devicePixelRatio * 實(shí)測(cè)寬度
懷疑 iPhone8+,7+ 的模擬器應(yīng)該是Flutter存在BUG. 它的分辨率不是上面表格中的 1080 * 1920
內(nèi)部的數(shù)據(jù):window.physicalSize.width = 1242 , MediaQuery.of(context).size.width = 414
其它朋友寫的文章 ,比較有幫助
https://www.cnblogs.com/ckAng/p/10077832.html
相關(guān)案例查看更多
相關(guān)閱讀
- 云南小程序定制
- 云南科技公司
- 云南小程序開發(fā)課程
- 網(wǎng)站建設(shè)
- 云南小程序哪家好
- 云南小程序設(shè)計(jì)
- 電商網(wǎng)站建設(shè)
- 昆明小程序開發(fā)
- 軟件定制
- 網(wǎng)絡(luò)公司電話
- 網(wǎng)站制作
- 昆明網(wǎng)站制作
- 汽車報(bào)廢回收軟件
- 云南小程序代建
- 做網(wǎng)站
- 云南網(wǎng)絡(luò)營(yíng)銷
- 云南網(wǎng)站建設(shè)首選公司
- 網(wǎng)站建設(shè)報(bào)價(jià)
- 區(qū)塊鏈
- 汽車報(bào)廢系統(tǒng)
- 微信分銷
- 云南網(wǎng)站制作
- 網(wǎng)站建設(shè)公司哪家好
- uniapp開發(fā)小程序
- 百度小程序開發(fā)公司
- 云南網(wǎng)站建設(shè)列表網(wǎng)
- 小程序開發(fā)
- 保險(xiǎn)網(wǎng)站建設(shè)公司
- 快排推廣
- 云南軟件定制