如果,你們家的 Designer:
- 一點都不想要考慮市面上已經出現了無數多種不同品牌不同機種的行動裝置
- 一點都不打算考慮不同裝置之間的尺寸與長寬變化到底有哪些差異
- 一點都不打算考慮他的設計稿放在用戶的手機上到底跑起來是什麼樣子
- 一點都不把用戶拿到手中的體驗當成真正的工作內容
- 只覺得自己對一個˙畫面只需要畫一張設計稿,之後怎樣把這張美術圖變成真正的 app,完全不關他的事情
- 而且只有他真正代表用戶,因為就是由他負責使用者體驗的設計工作,其他人都不該置喙,他畫了這張圖就是聖旨
那麼,當你看著一張圖示與背景圖片位置完全無法分隔,你怎麼想都想不出來怎樣可以幫他寫一個比較具有彈性的 layout 時,Flutter 這個框架完美地適合你。
你就寫一個 Container,照著他給你的那張圖填入 width 與 height,在裡頭就直接照著那個畫面做到 pixel 等級精確度刻 UI,最後,在 Container 外面寫一個 Transform.scale,然後直接等比例放大。
如果裝置上的長寬比與設計稿不同,你就給他在周圍留黑邊。
當然你想要留白邊也可以。