Значок приложения для приложений Xamarin.MacApplication icon for Xamarin.Mac apps

В этой статье описано, как создавать изображения, необходимые для использования значков приложения Хamarin.Mac, объединения изображений в файл ICNS и включения значков в проект Xamarin.Mac.This article covers creating the images required for a Xamarin.Mac application's icon, bundling the images into a .icns file, and including the icon in the Xamarin.Mac project.

ОбзорOverview

При работе с C# и .NET в приложении Xamarin.Mac разработчик может использовать те же средства создания изображений и значков, что и при работе с Objective-C и Xcode.When working with C# and .NET in a Xamarin.Mac application, a developer has access to the same Image and Icon tools that a developer working in Objective-C and Xcode does.

Первоклассный значок должен передавать основное назначение приложения Xamarin.Mac и давать представление об ожидаемых действиях при использовании приложения.A great Icon should convey the main purpose of a Xamarin.Mac app and hint experience the user should expect when using the app. В этой статье рассматриваются все шаги по созданию необходимых для значка ресурсов изображений, упаковке этих ресурсов в файл AppIcon.appiconset и использовании этого файла в приложении Xamarin.Mac.This article covers all of the steps necessary to create the Image Assets required for an Icon, packaging those assets into a AppIcon.appiconset file and consuming that file in a Xamarin.Mac app.

Редактор AppIcons.appiconsetThe AppIcon.appiconset editor

Значок приложенияApplication icon

Первоклассный значок должен передавать основное назначение приложения Xamarin.Mac и давать представление об ожидаемых действиях при использовании приложения.A great Icon should convey the main purpose of a Xamarin.Mac app and hint experience the user should expect when using an app. Каждое приложение macOS должно поддерживать несколько размеров для отображения значка в программе Finder, на панели Dock, панели запуска и в других местах на компьютере.Every macOS app must include several sizes of its Icon for display in the Finder, Dock, Launchpad, and other locations throughout the computer.

Разработка значковDesigning the icon

При разработке значков рекомендуется принимать во внимание приведенные далее советы от компании Apple:Apple suggests the following tips when designing an application's icon:

  • Постарайтесь придать значку реалистичную и уникальную форму.Consider giving the icon a realistic and unique shape.
  • Если приложение macOS имеет аналог на платформе iOS, не используйте значок приложения iOS повторно.If the macOS app has an iOS counterpart, don’t reuse the iOS app's icon.
  • Используйте универсальное и легко узнаваемое изображение.Use universal imagery that people can easily recognize.
  • Стремитесь к простоте.Strive for simplicity.
  • Применяйте цвета и тени с осторожностью, чтобы правильно передать назначение приложения.Use color and shadow sparingly to help the icon tell the app's story.
  • Старайтесь не смешивать реальный текст с непонятным текстом или строками.Avoid mixing actual text with greeked text or lines to suggest text.
  • Создайте идеализированную версию темы значка, а не используйте реальную фотографию.Create an idealized version of the icon's subject rather than using an actual photo.
  • Избегайте использования элементов пользовательского интерфейса macOS в значках.Avoid using macOS UI elements in the icons.
  • Не используйте в значках копии значков Apple.Don’t use replicas of Apple icons in the icons.

Перед разработкой значка приложения Xamarin.Mac ознакомьтесь с разделами о коллекции значков приложений и разработке значков приложений на странице OS X Human Interface Guidelines (Рекомендации по работе с человеческим интерфейсом OS X) веб-сайта Apple.Please read the App Icon Gallery and Designing App Icons sections of Apple's OS X Human Interface Guidelines before designing a Xamarin.Mac app's icon.

Требуемые размеры изображений и имена файловRequired image sizes and filenames

Как и для любого другого ресурса изображения, который разработчик будет использовать в приложении Xamarin.Mac, для значка приложения необходимы версии стандартного разрешения и разрешения Retina.Like any other Image Resource that the developer is going to use in a Xamarin.Mac app, the app Icon needs to provided both a Standard and Retina Resolution version. И опять же, как и для любого другого изображения, при именовании файлов значков следует использовать формат @2x:Again, like any other image, use a @2x format when naming the Icon files:

  • Стандартное разрешение - имя_изображения.расширение_имени_файла (например, icon_512x512.png).Standard-Resolution - ImageName.filename-extension (Example: icon_512x512.png)
  • Высокое разрешение - имя_изображения@2x.расширение_имени_файла (например, icon_512x512@2x.png).High-Resolution - ImageName@2x.filename-extension (Example: icon_512x512@2x.png)

Например, чтобы указать версию значка приложения 512 x 512, именем файла будет icon_512x512.png и icon_512x512@2x.png.For example, to supply the 512 x 512 version of the app's icon, the file would be named icon_512x512.png and icon_512x512@2x.png.

Чтобы значок отлично смотрелся во всех местах, где его видят пользователи, необходимо предоставить ресурсы в приведенных ниже размерах:To ensure that the icon looks great in all the places that users see it, provide resources in the sizes listed below:

имя_файлаFilename Размер в пикселяхSize in Pixels
icon_512x512@2x.png 1024 x 10241024 x 1024
icon_512x512.pngicon_512x512.png 512 x 512512 x 512
icon_256x256@2x.png 512 x 512512 x 512
icon_256x256.pngicon_256x256.png 256 x 256256 x 256
icon_128x128@2x.png 256 x 256256 x 256
icon_128x128.pngicon_128x128.png 128 x 128128 x 128
icon_32x32@2x.png 64 x 6464 x 64
icon_32x32.pngicon_32x32.png 32 x 3232 x 32
icon_16x16@2x.png 32 x 3232 x 32
icon_16x16.pngicon_16x16.png 16 x 1616 x 16

Дополнительные сведения см. в документации Apple о предоставлении версий высокого разрешения всех графических ресурсов приложения.For more information, see Apple's Provide High-Resolution Versions of All App Graphics Resources documentation.

Упаковка ресурсов значкаPackaging the icon resources

После разработки и сохранения значка с применением требуемых размеров и имен файлов в Visual Studio для Mac можно легко назначать их ресурсам изображений для использования в Xamarin.Mac.With the icon designed and saved out to the required file sizes and names, Visual Studio for Mac makes it easy to assign them to the image assets for use in Xamarin.Mac.

Выполните следующие действия:Do the following:

  1. На Панели решения откройте Assets.xcassets > AppIcons.appiconset:In the Solution Pad, open Assets.xcassets > AppIcons.appiconset:

    Редактирование AppIcon.appiconsetEditing the AppIcon.appiconset

  2. Для каждого необходимого размера значка щелкните значок и выберите соответствующий файл изображения, созданный выше:For each icon size required, click the icon and select the corresponding image file that were created above:

    Выбор изображения значкаSelecting an icon image

  3. Сохраните изменения.Save your changes.

Использование значкаUsing the icon

Созданный файл AppIcon.appiconset необходимо назначить проекту Xamarin.Mac в Visual Studio для Mac.Once the AppIcon.appiconset file has been built, it will need to assign it to the Xamarin.Mac project in Visual Studio for Mac.

Выполните следующие действия:Do the following:

  1. Дважды щелкните Info.plist на Панели решения, чтобы открыть окно Параметры проекта.Double-click the Info.plist in the Solution Pad to open the Project Options.

  2. В разделе Целевая платформа приложения Mac OS X щелкните Значки приложений, чтобы выбрать файл AppIcon.appiconset:In the Mac OS X Application Target section and click the App Icons to select the AppIcon.appiconset file:

    Настройка набора значковSetting the icon set

  3. Сохраните изменения.Save the changes.

При запуске приложения на панели Dock появится новый значок:When the app is run, the new icon will be displayed in the dock:

Пример значка приложения на панели Dock в macOSAn example of an app icon in the macOS dock

СводкаSummary

В этой статье описаны принципы работы с изображениями, необходимыми для создания значков приложений macOS, упаковки значков и их включения в проект Xamarin.Mac.This article has taken a detailed look at working with Images required to create an macOS app Icon, packaging an Icon and including an Icon in a Xamarin.Mac project.