跳至主要內容

Flutter 中的自適應與響應式設計

List of supported platforms

Flutter 的主要目標之一是創建一個框架,讓您能夠從單一程式碼庫開發應用程式,使其在任何平台上看起來和感覺都很棒。

這意味著您的應用程式可能會出現在許多不同尺寸的螢幕上,從手錶到具有雙螢幕的可摺疊手機,再到高畫質螢幕。而且您的輸入裝置可能是實體或虛擬鍵盤、滑鼠、觸控螢幕或任何其他裝置。

描述這些設計概念的兩個術語是自適應響應式。理想情況下,您會希望您的應用程式同時具備這兩者,但這究竟是什麼意思呢?

什麼是響應式與自適應?

#

一個簡單的思考方式是,響應式設計是關於將使用者介面放入空間,而自適應設計是關於使用者介面在該空間中可用

因此,響應式應用程式會調整設計元素的放置位置,以適應可用空間。而自適應應用程式會選擇適當的佈局和輸入裝置,以便在可用空間中使用。例如,平板電腦的使用者介面應該使用底部導航還是側邊面板導航?

本節涵蓋了自適應和響應式設計的各個方面