Sdílet prostřednictvím


Ikona aplikace pro aplikace Xamarin.Mac

Tento článek se zabývá vytvářením imagí požadovaných pro ikonu aplikace Xamarin.Mac, sdružováním obrázků do souboru .icns a zahrnutím ikony do projektu Xamarin.Mac.

Přehled

Při práci s jazykem C# a .NET v aplikaci Xamarin.Mac má vývojář přístup ke stejným nástrojům obrázku a ikon, ve Objective-C které vývojář pracuje, a Xcode .

Skvělá ikona by měla sdělit hlavní účel aplikace Xamarin.Mac a zkušenosti s nápovědou, kterou by měl uživatel při používání aplikace očekávat. Tento článek popisuje všechny kroky potřebné k vytvoření prostředků image vyžadovaných pro ikonu, zabalení těchto prostředků do AppIcon.appiconset souboru a využívání tohoto souboru v aplikaci Xamarin.Mac.

Editor AppIcon.appiconset

Ikona aplikace

Skvělá ikona by měla vyjádřit hlavní účel aplikace Xamarin.Mac a zkušenosti s nápovědou, kterou by měl uživatel očekávat při použití aplikace. Každá aplikace pro macOS musí obsahovat několik velikostí jeho ikony pro zobrazení ve Finderu, Docku, Launchpadu a dalších umístěních v celém počítači.

Návrh ikony

Apple navrhuje následující tipy při navrhování ikony aplikace:

  • Zvažte možnost dát ikoně realistický a jedinečný obrazec.
  • Pokud má aplikace pro macOS protějšek iOS, nepoužívejte ikonu aplikace pro iOS znovu.
  • Používejte univerzální image, které můžou lidé snadno rozpoznat.
  • Snažte se o jednoduchost.
  • Použití barev a stínů střídmě k tomu, abyste ikoně pomohli sdělit příběh aplikace.
  • Vyhněte se kombinování skutečného textu s textem v řečtině nebo řádky a navrhněte text.
  • Místo skutečné fotky vytvořte idealizovanou verzi předmětu ikony.
  • Nepoužívejte prvky uživatelského rozhraní macOS v ikonách.
  • Nepoužívejte v ikonách repliky ikon Apple.

Než navrhnete ikonu aplikace X, přečtěte si prosím oddíly Galerie ikon aplikací a navrhování ikon aplikací apple OS X Human Interface Guidelines .

Požadované velikosti a názvy souborů obrázků

Stejně jako jakýkoli jiný prostředek obrázku, který vývojář použije v aplikaci Xamarin.Mac, musí ikona aplikace poskytnout verzi Standard i Retina Resolution. Při pojmenování souborů Ikon použijte @2x formát stejně jako jakýkoli jiný obrázek:

  • ImageName standardního rozlišení - název_souboru (příklad: icon_512x512.png)
  • ImageName s vysokým rozlišením@2x - název_souboru (příklad: icon_512x512@2x.png)

Pokud chcete například zadat verzi 512 x 512 ikony aplikace, bude soubor pojmenován icon_512x512.png a icon_512x512@2x.png.

Pokud chcete zajistit, aby ikona vypadala skvěle na všech místech, kde ji uživatelé vidí, zadejte prostředky ve velikostech uvedených níže:

Název souboru Velikost v pixelech
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

Další informace najdete v dokumentaci k poskytování verzí grafického objektu všech aplikací od společnosti Apple.

Zabalení prostředků ikon

S ikonou navrženou a uloženou v požadovaných velikostech a názvech souborů Visual Studio pro Mac usnadňuje jejich přiřazení k prostředkům obrázku pro použití v Xamarin.Mac.

Postupujte následovně:

  1. Na panelu řešení otevřete sadu Assets.xcassets>AppIcons.appiconset:

    Úprava sady AppIcon.appiconset

  2. U každé požadované velikosti ikony klikněte na ikonu a vyberte odpovídající soubor obrázku, který byl vytvořen výše:

    Výběr obrázku ikony

  3. Uložte provedené změny.

Použití ikony

AppIcon.appiconset Jakmile bude soubor vytvořený, bude ho muset přiřadit k projektu Xamarin.Mac v Visual Studio pro Mac.

Postupujte následovně:

  1. Poklikáním na soubor Info.plist v oblasti řešení otevřete možnosti projektu.

  2. V části Cíl aplikace pro Mac OS X a kliknutím na Ikony aplikací vyberte AppIcon.appiconset soubor:

    Nastavení sady ikon

  3. Uložte změny.

Po spuštění aplikace se nová ikona zobrazí v docku:

Příklad ikony aplikace v doku pro macOS

Shrnutí

Tento článek podrobně popisuje práci s obrázky potřebnými k vytvoření ikony aplikace pro macOS, zabalení ikony a zahrnutí ikony do projektu Xamarin.Mac.