Xamarin.Mac 앱에 대한 애플리케이션 아이콘Application icon for Xamarin.Mac apps

이 문서에서는 Xamarin.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

Xamarin.Mac 애플리케이션에서 C# 및 .NET을 작업할 때 개발자는 Objective-CXcode에서 작업하는 개발자와 동일한 이미지 및 아이콘 도구에 액세스할 수 있습니다.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.

AppIcon.appiconset 편집기The 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 UI 요소를 사용하지 않습니다.Avoid using macOS UI elements in the icons.
  • 아이콘에 Apple 아이콘의 복제본을 사용하지 않습니다.Don’t use replicas of Apple icons in the icons.

Xamarin.Mac 앱의 아이콘을 디자인하기 전에 Apple의 OS X 휴먼 인터페이스 지침에서 앱 아이콘 갤러리앱 아이콘 디자인 섹션을 읽어보세요.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.pngicon_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

아이콘을 디자인하고 필요한 파일 크기 및 이름으로 저장하면 Mac용 Visual Studio에서 해당 아이콘을 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. Solution Pad에서 Assets.xcassets > AppIcons.appiconset을 엽니다.In the Solution Pad, open Assets.xcassets > AppIcons.appiconset:

    AppIcon.appiconset 편집Editing 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 파일을 작성한 후에는 Mac용 Visual Studio의 Xamarin.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. Solution Pad에서 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.

앱이 실행되면 새 아이콘이 도크에 표시됩니다.When the app is run, the new icon will be displayed in the dock:

macOS 도크에 표시되는 앱 아이콘의 예An 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.