共用方式為


縮圖影像

下列指導方針描述如何使用縮圖影像協助使用者預覽檔案,在您的 UWP 應用程式中瀏覽時。

重要 API

我的應用程式應該包含縮圖嗎?

如果您的應用程式允許使用者瀏覽檔案,您可以顯示縮圖影像,協助使用者快速預覽這些檔案。

使用縮圖的時機:

  • 顯示圖庫集合中多個項目的預覽 (像是檔案和資料夾)。 例如,影像中心應該使用縮圖提供每個圖片的小視圖給使用者,在使用者瀏覽其相片檔案時。

    視訊庫

  • 顯示清單中各別項目的預覽 (例如特定檔案)。 例如,使用者可能想要查看有關檔案的更多資訊,包括方便預覽的較大縮圖,再決定是否要開啟檔案。

    影片預覽

可行與禁止事項

  • 指定縮圖模式 (PicturesView、VideosView、DocumentsView、MusicView、ListView 或 SingleItem),當您擷取縮圖時。 這樣可確保縮圖影像最佳化,顯示使用者想要看見的檔案類型。

    • 使用 SingleItem 模式擷取單一項目的縮圖,無論檔案類型為何。 其他縮圖模式適用於顯示多個檔案的預覽。
  • 顯示一般預留位置影像,取代縮圖載入時的縮圖。 使用預留位置幫助應用程式變得回應更快,因為使用者可以在縮圖載入前與預覽互動。

    預留位置影像應該是:

    • 要取代的項目類型所專屬。 例如,資料夾、圖片及影片應該都有自己專用的預留位置。
    • 與要取代的縮圖影像的大小與外觀比例相同。
    • 一直顯示,直到縮圖影像載入完成。
  • 使用包含文字標籤的預留位置影像來代表資料夾和檔案群組,以便與個別檔案加以區別。

  • 如果您無法擷取縮圖,請顯示預留位置影像。

  • 提供文件和音樂檔案的預覽時,顯示其他檔案資訊。 然後使用者就可以找出縮圖影像可能還未提供的檔案重要資訊。 例如,若是音樂檔案,您可顯示演出者的姓名以及專輯封面的縮圖。

  • 不要顯示圖片及影片檔案的其他檔案資訊。 在大多數情況下,縮圖影像就已足夠,可讓使用者瀏覽圖片和影片。

其他用法指導方針

建議的縮圖模式與其功能:

顯示其預覽 縮圖模式 所擷取縮圖影像的功能
圖片
視訊
PicturesView
VideosView
大小:中,最好至少 190 (如果影像大小 190x130)
外觀比例:統一,寬度外觀比例約 0.7 (大小為 190 時 190x130)
裁剪以供預覽。
適用於在方格中對齊影像,因為統一的外觀比例。
文件​​
音樂
DocumentsView
MusicView
ListView
大小:小,最好至少 40 x 40 像素
外觀比例: 統一、方形外觀比例
適用於預覽專輯封面,因為正方形外觀比例。
文件在檔案選擇器視窗中看起來相同 (使用相同圖示)。
任何單一項目 (無論檔案類型為何) SingleItem 大小:小,最好至少 40 x 40 像素
外觀比例: 統一、方形外觀比例
適用於預覽專輯封面,因為正方形外觀比例。
文件在檔案選擇器視窗中看起來相同 (使用相同圖示)。

以下範例顯示擷取的縮圖影像根據檔案類型與縮圖模式的差異:

項目類型 使用下列方式擷取時:
  • PicturesView
  • VideosView
使用下列方式擷取時:
  • DocumentsView
  • MusicView
  • ListView
使用下列方式擷取時:
  • SingleItem
圖片 縮圖影像使用約 .7 的統一寬外觀比例 (如果慣用的大小為 190,則為 190 x 130)。
圖片或視訊模式中的圖片縮圖
縮圖會裁剪成正方形外觀比例。
檔案、音樂或清單模式中的圖片縮圖
縮圖影像使用檔案的原始外觀比例。
單一模式的圖片縮圖
影片 縮圖有圖示,可與圖片區分。
圖片或視訊模式中的影片縮圖
縮圖會裁剪成正方形外觀比例。
檔案、音樂或清單模式中的影片縮圖
縮圖影像使用檔案的原始外觀比例。
單一模式中的影片縮圖
音樂 縮圖有適當大小的背景圖示。 背景色彩是由應用程式的磚背景色彩決定。
圖片或視訊模式中的音樂縮圖
如果檔案有專輯封面,縮圖就是專輯封面。
檔案、音樂或清單模式中的音樂縮圖
否則,縮圖有適當大小的背景圖示。
如果檔案有專輯封面,則縮圖就是專輯封面,並採用檔案的原始外觀比例。
單一模式中的音樂縮圖
否則,縮圖會是圖示。
文件 縮圖有適當大小的背景圖示。 背景色彩是由應用程式的磚背景色彩決定。
圖片或視訊模式的檔縮圖
縮圖有適當大小的背景圖示。 背景色彩是由應用程式的磚背景色彩決定。
檔案、音樂或清單模式中的檔案縮圖
文件縮圖 (如果有的話)。
單一模式的檔縮圖
否則,縮圖會是圖示。
單一模式的檔縮圖圖示
Folder 如果資料夾中有圖片檔案,則會使用圖片縮圖。
圖片或視訊模式中的資料夾縮圖
否則不會擷取任何縮圖。
不會擷取任何縮圖影像。 縮圖是資料夾圖示。
單一模式的資料夾圖示縮圖
檔案群組 如果資料夾中有圖片檔案,則會使用圖片縮圖。
圖片或視訊模式中的檔案群組縮圖。
否則不會擷取任何縮圖。
如果群組中的檔案當中有某一個檔案有專輯封面,則縮圖會是專輯封面。
檔案、音樂或清單模式中的檔案群組縮圖
否則不會擷取任何縮圖。
如果群組中的檔案當中有某一個檔案有專輯封面,則縮圖會是專輯封面,並使用檔案的原始外觀比例。
檔案、音樂或清單模式中的檔案群組縮圖,使用檔案的原始外觀比例。
否則,縮圖會是代表檔案群組的圖示。
單一模式中的檔案群組圖示