Windows 10 開發 - 自適應設計



在 Windows 10 中,通用 Windows 平臺 (UWP) 應用程式現在可以在許多裝置系列上執行,例如:

  • 桌面裝置系列 − 平板電腦、筆記型電腦、PC

  • 移動裝置系列 − Windows 手機、平板手機

  • 物聯網裝置系列 − 緊湊型裝置,如可穿戴裝置或家用電器

  • 團隊裝置系列 − Surface Hub

每個裝置系列都有自己的螢幕和視窗大小。那麼如何設計一個應用程式,使其在多個螢幕尺寸和不同輸入方式的裝置上都能提供良好的使用者體驗呢?

為多個裝置系列設計應用程式需要額外的考慮、計劃和設計。Windows 10 UWP 提供了一套內建功能和通用構建塊,使為多個裝置設計和自動跨不同螢幕和視窗大小進行縮放變得更加容易,並由平臺控制元件提供支援。

新的內建功能

以下是開發人員在建立 UWP 應用程式時可以使用的新功能。這些功能是自動且免費的。

有效畫素和平臺縮放

當您的 UWP 應用程式在任何 Windows 10 支援的裝置上執行時,則:

  • 系統使用一種演算法來規範控制元件、字型和其他 UI 元素在當前執行裝置的螢幕上顯示的方式。

  • 縮放演算法控制觀看距離和螢幕密度(每英寸畫素數)以針對假設大小(而不是物理大小)進行最佳化。

  • 縮放演算法確保 Surface Hub 上 10 英尺外的 36 px 字型與 5 英寸手機上幾英寸外的 36 px 字型對使用者來說同樣易讀。

Scaling Algorithm

通用輸入和智慧互動

通用 Windows 平臺內建了智慧互動輸入系統,可以理解所有裝置的輸入。例如,當您在應用程式中設計點選互動時,您無需知道點選來自實際的滑鼠點選還是手指的輕觸。系統會自動為您完成。

通用構建塊

有一些有價值的構建塊,使在通用 Windows 平臺 (UWP) 中為多個裝置系列設計應用程式變得更加容易。

通用控制元件

UWP 提供了一套通用控制元件,保證可以在所有 Windows 10 裝置上正常工作。

  • 此“通用控制元件”列表包含單選按鈕、組合框和文字框等常用控制元件。

  • 它還包含一些複雜的控制元件,如網格檢視列表檢視,它們可以從資料流和模板生成專案列表。

通用樣式

UWP 應用程式自動獲得一組預設樣式,為您提供以下功能:

  • 一組樣式,自動為您的應用提供淺色或深色主題。

  • 互動的預設動畫。

  • 對高對比度模式的自動支援。

  • 對其他語言的自動支援。我們的預設樣式會自動為 Windows 支援的每種語言選擇正確的字型。您甚至可以在同一個應用程式中使用多種語言,並且它們將正確顯示。

廣告

© . All rights reserved.