共用方式為


視覺化縮放和調整大小

本文章介紹 Windows 縮放和調整大小元素,並提供在應用程式中使用這些互動機制的使用者體驗指導方針。

重要 APIWindows.UI.InputInput (XAML)

視覺縮放讓使用者可以放大內容區域內的內容檢視 (在內容區域本身上執行),而使用調整大小讓使用者能夠在不改變內容區域檢視的情況下更改一個或多個物件的相對大小 (在內容區域中的物件上執行)。

視覺縮放和調整大小互動都是透過捏合和張開手勢 (手指分開即可放大,手指靠龍即可縮小) 進行,或者透過在滾動滑鼠滾輪的同時按住 Ctrl 鍵,或按住 Ctrl 鍵 (如果沒有數字鍵盤,則使用 Shift 鍵) 的同時按下加號 (+) 或減號 (-) 鍵。

下圖示範調整大小和視覺縮放之間的差異。

視覺縮放:使用者選擇一個區域,然後縮放整個區域。

將手指往近移動會放大內容區域,並將它們分開放大

調整大小:使用者選擇區域中的物件,然後調整該物件的大小。

將手指往近移動會縮小物件,並將它們分開放大

注意不應將視覺縮放與語意式縮放混淆。 雖然這兩種互動使用相同的手勢,但語意式縮放是指在單一檢視內組織內容的呈現和瀏覽 (例如:電腦的資料夾結構、文件庫或相簿)。

 

可行與禁止事項

對於支援調整大小或視覺縮放的應用程式,請使用以下指導方針:

  • 如果已定義尺寸限制或界限的上下限,請使用視覺化回饋來示範使用者何時到達或超過這些界限。

  • 使用貼齊點透過提供內容中要停止操作的邏輯點來影響縮放和調整大小行為,並確保內容的特定子集顯示在視窗中。 為常見縮放等級或邏輯視圖提供貼齊點,以便使用者更輕鬆地選擇這些等級。 例如,照片應用程式可能會提供 100% 大小調整貼齊點,或者對於地圖應用程式,貼齊點在城市、州/省以及國家/地區檢視中可能非常有用。

    使用者透過貼齊點雖然不夠精確,但仍能實現他們的目標。 如果您使用 XAML,請參閱 ScrollViewer 的貼齊點屬性。

    貼齊點有兩種類型:

    • 鄰近 - 放開接觸點之後,如果慣性停止在貼齊點的距離閾值之內,則選擇該貼齊點。 鄰近貼齊點仍允許縮放或調整大小在於吸附點之間結束。
    • 強制 - 選取的貼齊點緊跟著放開接觸點之前劃過的最後一個貼齊點之前或之後的捕捉點 (視手勢的方向和速度而定)。 操作必須在強制貼齊點上結束。
  • 使用慣性物理原則。 其中包括下列各項:

    • 減速:當使用者停止捏合或張開手勢時發生。 這類似於滑動到一個斜面上的擋塊。
    • 回彈:當超過尺寸限制或邊界時,會發生輕微的回彈效應。
  • 根據目標的方針的空間控制項。

  • 提供用來限制調整大小的縮放控點。 如果未指定控點,則預設為等距或按比例調整大小。

  • 請勿使用縮放來瀏覽 UI 或公開應用程式中的其他控制項,而應使用平移區域。 如需平移的詳細資訊,請參閱平移的指導方針

  • 請勿將可調整大小的物件放置在可調整大小的內容區域內。 例外狀況包括:

    • 可調整大小的項目可以顯示在可調整大小的畫布或畫板上的繪圖應用程式中。
    • 具有內嵌物件的網頁,例如:地圖。

    注意 在所有情況下,除非所有觸控點都位於可調整大小物件之內,否則調整內容區域大小。

範例

封存範例