Anwendungssymbol für Xamarin.Mac-Apps

In diesem Artikel wird beschrieben, wie Sie die für das Anwendungssymbol einer Xamarin.Mac-Anwendung erforderlichen Bilder erstellen, wie Sie diese Bilder in eine ICNS-Datei bündeln, und wie Sie das Symbol zu dem Xamarin.Mac-Projekt hinzufügen.

Übersicht

Ein Entwickler, der mit C# und .NET in einer Xamarin.Mac-Anwendung arbeitet, hat Zugang zu denselben Bild- und Symboltools wie ein Entwickler, der in Objective-C und Xcode arbeitet.

Ein aussagekräftiges Symbol sollte den Hauptzweck der Xamarin.Mac-App darstellen und auf Funktionen hindeuten, die ein Benutzer von der Anwendung erwarten kann. In diesem Artikel wird beschrieben, wie Sie Bildanlagen erstellen, die sie für ein Anwendungssymbol benötigen, wie Sie diese Bildanlagen in eine AppIcon.appiconset-Datei bündeln und wie diese Datei anschließend in einer Xamarin.Mac-App verarbeitet wird.

The AppIcon.appiconset editor

Application Icon (Anwendungssymbol)

Ein aussagekräftiges Symbol sollte den Hauptzweck einer Xamarin.Mac-App darstellen und auf Funktionen hindeuten, die ein Benutzer von der Anwendung erwarten kann. Für jede macOS-App muss das Symbol in mehreren Größen verfügbar sein, in denen es in der Suchleiste, im Dock, im Launchpad und an anderen Stellen auf dem Computer angezeigt wird.

Entwerfen des Symbols

Apple gibt folgende Tipps zum Entwerfen von Anwendungssymbolen:

  • Geben Sie dem Symbol eine realistische und einzigartige Form.
  • Wenn es für die macOS-App auch eine iOS-Version gibt, sollten Sie nicht das Symbol der iOS-Anwendung wiederverwenden.
  • Verwenden Sie universelle Bilder mit hohem Wiedererkennungswert.
  • Gestalten Sie das Symbol möglichst einfach.
  • Setzen Sie nur wenige Farben und Schattierungen ein, um mit dem Symbol die Geschichte der App zu erzählen.
  • Mischen Sie den eigentlichen Text nicht mit griechischem Text oder Zeilen, in denen auf Text hingewiesen wird.
  • Erstellen Sie besser eine idealisierte Version des Symbolmotivs als ein Foto zu verwenden.
  • Verwenden Sie keine Benutzeroberflächenelemente von macOS in den Symbolen.
  • Verwenden Sie in Ihren Symbolen keine Replikate von Apple-Symbolen.

Lesen Sie die Abschnitte App Icon Gallery (Galerie der Anwendungssymbole) und Designing App Icons (Entwerfen von Anwendungssymbolen) in den OS X Human Interface Guidelines (Eingaberichtlinien für OS X) von Apple, bevor Sie ein Anwendungssymbol für eine Xamarin.Mac-App entwerfen.

Erforderliche Bildgrößen und Dateinamen

Wie für jede andere Bildressource, die der Entwickler in einer Xamarin.Mac-App verwendet, muss auch für das App-Symbol sowohl eine Version in Standardauflösung als auch eine in Retina-Auflösung vorhanden sein. Verwenden Sie, ebenfalls wie bei jedem anderen Bild auch, ein @2x-Format für die Benennung von Symboldateien:

  • Standardauflösung - Bildname.Dateinamenerweiterung (Beispiel: icon_512x512.png)
  • High-Resolution - ImageName@2x.filename-extension (Beispiel: icon_512x512@2x.png)

Um beispielsweise eine 512 × 512-Version des App-Symbols zu erstellen, sollten die Dateien wie folgt benannt werden: icon_512x512.png und icon_512x512@2x.png.

Um sicherzustellen, dass das Symbol überall, wo es der Benutzer sehen kann, gut aussieht, sollten Sie Ressourcen in den folgenden Größen zur Verfügung stellen:

Filename Größe in Pixeln
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

Weitere Informationen finden Sie unter Provide High-Resolution Versions of All App Graphics Resources (Erstellen von Versionen in hoher Auflösung für alle Grafikressourcen einer App) in der Apple-Dokumentation.

Packen der Symbolressourcen

Nachdem Sie das Symbol entworfen und mit den erforderlichen Dateigrößen und -namen gespeichert haben, können Sie die Dateien mithilfe von Visual Studio für Mac ganz einfach den Bildressourcen zur Verwendung mit Xamarin.Mac zuweisen.

Gehen Sie folgendermaßen vor:

  1. Öffnen Sie Assets.xcassets>AppIcons.appiconset im Lösungspad:

    Editing the AppIcon.appiconset

  2. Klicken Sie für jede benötigte Symbolgröße auf das Symbol und wählen Sie die dazugehörige Bilddatei aus, die Sie zuvor erstellt haben:

    Selecting an icon image

  3. Speichern Sie die Änderungen.

Verwenden des Symbols

Sobald die AppIcon.appiconset-Datei erstellt wurde, muss sie dem Xamarin.Mac-Projekt in Visual Studio für Mac zugewiesen werden.

Gehen Sie folgendermaßen vor:

  1. Doppelklicken Sie auf Info.plist im Projektmappen-Explorer, um die Projektoptionen zu öffnen.

  2. Klicken Sie im Abschnitt Mac OS X Application Target (Anwendungsziel für Mac OS X Application Target) auf App-Symbole, um die AppIcon.appiconset-Datei auszuwählen:

    Setting the icon set

  3. Speichern Sie die Änderungen.

Wenn die App ausgeführt wird, wird das neue Symbol im Dock angezeigt:

An example of an app icon in the macOS dock

Zusammenfassung

In diesem Artikel wurde die Arbeit mit zum Erstellen von App-Symbolen für macOS benötigten Bildern und das Komprimieren von Symbolen, einschließlich Symbolen in einem Xamarin.Mac-Projekt, detailliert beschrieben.