回應式設計指導方針

響應式畫布應用程式會根據可用的視窗調整版面與導覽，而非縮放固定畫布。設計響應式行為時，請有意識地讓應用程式在所有支援的視窗大小、裝置方向、縮放等級和輸入模式下都能使用。

以下每項指引旨在確保您的 Canvas 應用程式提供最佳使用者體驗，無論裝置大小或方向如何。這些指引針對現代應用程式開發中最關鍵的面向之一。這些指引對於希望提升 Power Apps 的無障礙性與用戶參與度的開發者來說，具有重要意義。

適應螢幕尺寸

畫布應用程式應設計為根據裝置的螢幕尺寸自動調整其佈局和介面。這種響應能力確保應用程式在從智慧型手機到桌上型電腦的各種裝置上保持功能和視覺吸引力。

使用水平與垂直的自動佈局容器作為響應式螢幕的主要結構。這些容器能動態組織並對齊應用程式元件，確保它們能有效回應螢幕尺寸的變化。

關閉「縮放以符合」設定，即可啟用真正的應用程式回應式設計。此設定防止縮放，並促進自然版面調整以適應不同螢幕尺寸。另外，調整長寬比和 鎖定方向 設定。這些調整確保應用程式的版面能有效回應不同的螢幕尺寸與方向。無論裝置處於直式或橫向模式，應用程式都能維持一致且功能完整的介面。

使用分割畫面和側邊欄等版面設計，讓不同裝置上有不同的使用者體驗。這種適應性增強了應用程式的功能，使任何裝置上的用戶都更加直觀。

使用公式代替固定座標來控制位置和尺寸。這種做法確保他們能適應螢幕尺寸的變化，打造動態且靈敏的版面配置。

有效的響應式設計涉及預測應用程式在不同裝置上的外觀和功能。這種期待包括調整元素大小或完全隱藏在較小螢幕上，以優化空間並維持可用性。

將無回應的畫布應用程式轉換為回應式應用程式需要系統化的方法。此方法包括調整響應設定，並仔細配置容器屬性，確保應用程式內元素能適應不同螢幕大小。

此頁面對您有幫助嗎？