一、概念
flutter開發(fā)中,圖片的引用是必不可少的箱叁,所以為了提高效率和精準度墅垮,我們需要對不同分辨率的手機使用相對應的切圖圖片,本章介紹如何進行圖片分辨率適配和圖片批量拓展處理耕漱。
二算色、圖片分辨率適配
flutter中會首先根據系統(tǒng)的devicePixelRatio(每一個邏輯像素包含多少個原始像素,可以通過MediaQueryData.devicePixelRatio來得到)來找對應倍數的文件夾下的圖片螟够,如果沒有對應倍數剃允,找最接近的。
官網描述
所以在flutter項目中齐鲤,我們需要構建對應的倍數像素文件夾
像素文件夾
之后再pubspec.yaml中,配置assets文件后就可以使用了(如使用"assets/images/jay.png"椒楣,會自動適配該像素下最接近的jay圖片)给郊。
三、圖片批量拓展處理
使用flutter-img-sync插件批量化處理捧灰,具體操作如下
androidstudio-play.gif
可以參照作者的詳細步驟描述進行處理淆九,點擊項目地址查看詳細信息(PS:作者介紹步驟中的輸入自定義圖片預覽的端口操作,可輸入本地的端口號毛俏,也可以隨便輸一個端口號炭庙,如8080即可)。
目前還不能處理gif煌寇、webp等格式的圖片焕蹄,而且如果和上邊介紹的不同像素比適配方案一起使用的話,由于進行了精準定位阀溶,所以指定圖片后就不能進行像素適配腻脏,這是目前還存在的較大問題,所以目前兩者方案只能暫時取一使用银锻。
image.png