共用方式為


Xamarin.Mac 應用程式的應用程式圖示

本文涵蓋建立 Xamarin.Mac 應用程式圖示所需的影像、將影像統合至 .icns 檔案,以及將圖示納入 Xamarin.Mac 專案中。

概觀

在 Xamarin.Mac 應用程式中使用 C# 和 .NET 時,開發人員可以存取開發人員在 和 XcodeObjective-C運作的相同影像和圖示工具。

優良的圖示應會傳達 Xamarin.Mac 應用程式的用途,且提示使用者在使用應用程式時預期會有的體驗。 本文涵蓋建立圖示所需的影像資產、將這些資產封裝至 AppIcon.appiconset 檔案,以及在 Xamarin.Mac 應用程式中取用該檔案的所有必要步驟。

AppIcon.appiconset 編輯器

應用程式圖示

優良的圖示應會傳達 Xamarin.Mac 應用程式的用途,且提示使用者在使用應用程式時預期會有的體驗。 每個 macOS 應用程式都必須要有數個不同大小的圖示以供顯示在 Finder、Dock、Launchpad,以及電腦的各個其他位置。

設計圖示

設計應用程式的圖示時,Apple 建議下列祕訣:

  • 請考慮讓圖示具有寫實又獨特的圖形。
  • 如果 macOS 應用程式有 iOS 對應項目,請不要重複使用 iOS 應用程式的圖示。
  • 使用人們容易辨識的通用圖像。
  • 儘量簡潔。
  • 謹慎使用色彩和陰影,協助圖示述說應用程式用途。
  • 避免混合實際文字與「難懂的」文字或線條來表達文字。
  • 建立圖示主題的理想化版本,而不要使用實際的相片。
  • 避免在圖示中使用 macOS UI 元素。
  • 不要在圖示中使用 Apple 圖示的複本。

設計 Xamarin.Mac 應用程式的圖示之前,請先閱讀 Apple OS X 人性化介面指導方針 \(英文\) 的應用程式圖示資源庫 \(英文\) 和設計應用程式圖示 \(英文\) 小節。

所需的影像大小和檔案名稱

和開發人員即將用於 Xamarin.Mac 應用程式中的任何影像資源一樣,應用程式圖示也必須提供標準與 Retina 解析度版本。 同樣和任何其他影像一樣,命名圖示檔時,請使用 @2x 格式:

  • 標準解析度 - 影像名稱.副檔名 (範例:icon_512x512.png)
  • 高解析度 - ImageName@2x。filename-extension (範例: icon_512x512@2x.png

例如,若要提供 512 x 512 版本的應用程式圖示,檔案會命名為 icon_512x512.pngicon_512x512@2x.png

為了確保所有位置的圖示,在使用者眼中看起來都很出色,請提供下面所列的各種資源大小:

檔案名稱 大小 (像素)
icon_512x512@2x.png 1024 x 1024
icon_512x512.png 512 x 512
icon_256x256@2x.png 512 x 512
icon_256x256.png 256 x 256
icon_128x128@2x.png 256 x 256
icon_128x128.png 128 x 128
icon_32x32@2x.png 64 x 64
icon_32x32.png 32 x 32
icon_16x16@2x.png 32 x 32
icon_16x16.png 16 x 16

如需詳細資訊,請參閱 Apple 的提供所有應用程式圖形資源的高解析度版本 \(英文\) 文件。

封裝圖示資源

設計圖示並儲存為必要的檔案大小和名稱後,Visual Studio for Mac 能輕鬆將它們指派為可用於 Xamarin.Mac 中的影像資產。

執行下列操作:

  1. 在 [Solution Pad] 中,開啟 [Assets.xcassets]>[AppIcons.appiconset]

    編輯 AppIcon.appiconset

  2. 對於必要的各種圖示大小,按一下該圖示,然後選取依上述建立的對應影像檔案:

    選取圖示影像

  3. 儲存您的變更。

使用圖示

建置 AppIcon.appiconset 檔案之後,您必須在 Visual Studio for Mac 中將它指派給 Xamarin.Mac 專案。

執行下列操作:

  1. 在 [Solution Pad] 中,按兩下 [Info.plist] 以開啟 [專案選項]

  2. 在 [Mac OS X 應用程式目標] 區段中,按一下 [應用程式圖示] 以選取 AppIcon.appiconset 檔案:

    設定圖示集

  3. 儲存變更。

當應用程式執行時,即會在 Dock 中顯示新圖示:

macOS 擴充座中應用程式圖示的範例

摘要

本文詳細說明了使用所需影像來建立 macOS 應用程式圖示、封裝圖示,以及將圖示納入 Xamarin.Mac 專案中。