Windows 8.1 應用程式:針對不同螢幕解析度最佳化影像

 

適用於 Windows 和 Windows Phone

您可以新增每個影像的不同版本來識別您的應用程式 (例如標誌和啟動顯示畫面影像)。 然後,您可以測試它們,以確保它們在螢幕解析度各異的裝置上都很美觀。 透過新增每個影像的不同版本,您可以配合使用者的螢幕大小來降低圖形放大或縮小的程度。

本主題內容

  • 命名和組織您的影像檔

  • 將影像檔加入專案

  • 識別資訊清單中的影像檔

  • 真對不同的螢幕大小和解析度預覽應用程式

命名和組織您的影像檔

根據其所代表的資產類型來命名檔案,例如 Square7070.png。 如果您想要將數個檔案儲存在相同的資料夾,請在檔案名稱中包含縮放比例限定詞。 例如,您可以為其中一個檔案指定下列名稱:Square7070Logo.scale-100.png

如果您想要根據縮放比例在資料夾中組織檔案,請在資料夾名稱 (而不是檔案名稱) 中包含縮放比例限定詞。 例如,您可以將 Square7070Logo.pngSquare150150Logo.png 儲存在 Assets\Scale-100 子資料夾中。

將影像檔加入專案

開啟方案並將影像檔新增至應用程式專案的 [Assets] 資料夾。

如果您使用共用應用程式專案來建置應用程式以提供一個以上的尺寸 (例如,Windows 與 Windows Phone),請考慮在方案中將影像檔新增至共用專案的 [Assets] 資料夾,但只限兩個尺寸均適合使用該影像的情況。

識別資訊清單中的影像檔

  1. 在 [方案總管] 中,開啟應用程式資訊清單設計工具 (Package.appxmanifest),然後選擇 [視覺資產] 索引標籤。

  2. 在視覺資產清單中,選擇 [所有影像資產] 來顯示影像的設定。

  3. 如果您想要在主要標誌上顯示簡短名稱,請在 [簡短名稱] 文字方塊指定一個名稱。

    注意

    對於 Windows Phone 應用程式,[簡短名稱] 與 [預設大小] 的值會被忽略。

  4. 在任何標誌的文字方塊中 (例如,[正方形 150 x 150 標誌]),指定做為主要標誌。

    [正方形 150 x 150 標誌] 的預設值為 Assets\Logo.png。

  5. 在頁面的 [縮放的資產] 區域中,選擇任何 [縮放比例] 方塊旁的 [瀏覽] () 按鈕,瀏覽到 [Assets] 資料夾,指定適合該縮放比例的影像,然後選擇 [開啟] 按鈕。

    注意

    若要以縮放的大小顯示影像的特寫檢視,請在方塊中選擇影像。 預覽視窗隨即開啟,並列出將使用每個影像檔的位置。

    影像會出現在方塊中,並複製該檔案。 複製的檔案會根據 市集 應用程式的資源命名慣例命名:Name.scale-nnn.ext,其中 nn 是縮放比例。 例如,檔案可能會命名為 Logo.scale-100.png。

真對不同的螢幕大小和解析度預覽應用程式

僅適用於 Windows

您可以使用模擬器預覽您為 Windows 市集設計的應用程式。 如需詳細資訊,請參閱在模擬器中執行 Windows 市集應用程式.

您可以使用模擬器預覽您為 Windows Phone 市集設計的應用程式。 從偵錯工具 [標準] 工具列上 [開始偵錯] 按鈕旁的下拉式清單中,選取模擬器。 選取解析度與您想要預覽的應用程式相符的模擬器。

重要

將應用程式發行到 市集 前,一定要在實際裝置上測試您的應用程式。

另請參閱

快速入門:使用檔案或影像資源 (Windows 執行階段應用程式使用 C#/VB/C++ 和 XAML)
快速入門:使用檔案或影像資源 (Windows 執行階段應用程式使用 JavaScript 和 HTML)
如何使用限定詞命名資源 (Windows 執行階段應用程式使用 C#/VB/C++ 和 XAML)
如何使用限定詞命名資源 (Windows 執行階段應用程式使用 JavaScript 和 HTML)
選擇應用程式影像
調整成像素密度的指導方針
並排顯示與快顯通知影像大小 (Windows 執行階段應用程式)
並排顯示與徽章的指導方針
縮圖的指導方針
並排顯示範本類別目錄 (Windows 執行階段應用程式)