¿Cómo puedo configurar el ícono para una aplicación Mac en Xcode?


87

He aprendido mucho sobre cómo escribir código Objective-C y diseñar en Interface Builder y quería configurar iconos para mis programas simples.

Agregué el mismo JPG a todos los campos de tamaño en Icon Composer y obtuve un ICNS, pero no pude averiguar cómo agregarlo al proyecto.

Gracias de antemano.

Respuestas:


162

Dado que Xcode 4.4 Icon Composer ya no es la forma recomendada de crear iconos y ya no se incluye en la instalación estándar de Xcode. Debido a la introducción de Mac con pantalla retina, ahora se recomienda proporcionar versiones de alta resolución de todos los gráficos, incluidos los iconos de aplicaciones.

Para darle a su aplicación un icono en Xcode> 4.4, haga lo siguiente:

  1. Crea una carpeta [IconName] .iconset en Finder

  2. En esta carpeta coloque su icono como archivos png. Necesitará el icono en tamaños de 16px, 32px, 64px (solo retina), 128px, 256px, 512px y 1024px (solo retina)

  3. Estos iconos se deben nombrar con el patrón icon_16x16.png, icon_32x32.png, icon_128x128.png y así sucesivamente

  4. Para admitir pantallas retina, también debe agregar archivos de iconos con doble resolución, denominados icon_16x16@2x.png (con tamaño 32x32), icon_32x32@2x.png (tamaño 64x64) y así sucesivamente hasta icon_512x512@2x.png (tamaño 1024x1024).

  5. arrastre esta carpeta [IconName] .iconset a Xcode (cópiela si es necesario)

  6. en el archivo info.plist, establezca el valor "CFBundleIconFile" (archivo de icono como clave) en [IconName] pero sin la extensión .iconset

Anotaciones:

  • (actualmente) no es necesario proporcionar los iconos @ 2x
  • (normalmente) también funcionará si no proporciona todos los archivos de iconos
  • la carpeta del conjunto de iconos no debe contener un archivo icon_64x64.png. el icono de 64px es solo para la versión retina de icon_32x32

Actualización: Al final, su carpeta .iconset tiene los siguientes 10 elementos:

icon_16x16.png
icon_16x16@2x.png
icon_32x32.png
icon_32x32@2x.png
icon_128x128.png
icon_128x128@2x.png
icon_256x256.png
icon_256x256@2x.png
icon_512x512.png
icon_512x512@2x.png

Guía oficial:

https://developer.apple.com/library/content/documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Optimizing/Optimizing.html

Información Adicional:

Para convertir la carpeta del conjunto de iconos en un archivo icns, ejecute el siguiente comando en la terminal:

iconutil -c icns [IconName].iconset

donde [IconName] debe reemplazarse con el prefijo de la carpeta del conjunto de iconos. Ahora tiene un archivo llamado [IconName] .icns. En Xcode 4.4, en el Resumen de objetivos, haga clic con el botón derecho en el signo de interrogación del icono y luego seleccione el archivo icns. A continuación, debería ver que el signo de interrogación se reemplaza con el icono.


En algunos casos, el conjunto de iconos no se agregará automáticamente a la fase de compilación 'Copiar recursos de paquete', en ese caso, debe agregarlo a la fase de compilación manualmente.
Reimund el

1
Nota: Xcode 4.4 valida y convierte automáticamente una carpeta de conjunto de iconos en un archivo icns. Todo lo que necesita hacer es agregar la carpeta del conjunto de iconos a su proyecto y construir el proyecto. El archivo icns generado se agrega automáticamente al producto construido.
EsbenB

1
@kadam Tienes razón, siempre ha sido así. Modifiqué ligeramente la respuesta para aclarar el nombre del ícono de la retina.
codingFriend1

1
^ oh, no mencionan los tamaños de 64x64 o 1024x1024 en esta documentación: developer.apple.com/library/mac/#documentation/… ... ¡así que esto reduce el número a 10!
Chris Allinson

1
@ChrisAllinson Necesita iconos de tamaño 64px y 1024px. Pero estos se nombran icon_32x32@2xy icon_512x512@2x.png. Agregué la lista de todos los nombres de íconos a la respuesta para aclarar esto.
codingFriend1

32

A partir de Xcode 7 (no estoy seguro de cuándo se introdujo originalmente), puede usar el archivo Assets.xcassets para los íconos de aplicaciones. Este archivo se incluye por defecto para nuevos proyectos.

Simplemente:

  1. Vaya a la configuración de su objetivo y asegúrese de que en General , Iconos de aplicaciones , la Fuente esté configurada en AppIcon .
  2. Agregue los 10 iconos png a la imagen AppIcon de su Assets.xcassets.
  3. Elimine los datos derivados si ha iniciado la aplicación antes; de lo contrario, seguirá mostrando el icono predeterminado.
  4. Ejecute la aplicación; ahora debería mostrar su icono en el Dock, Application Switcher y en cualquier otro lugar donde debería aparecer.

27

Siga estos pasos para agregar un icono de aplicación a su proyecto. Este es el icono que mostrará MacOS en la barra de documentos y en la pantalla de la pestaña alt.

  • Crear un archivo de recursos .icns de icono
  • Colóquelo en la carpeta "resources / macos"
  • Agréguelo al grupo de recursos en el proyecto xcode
  • Edite el archivo Info.plist y cambie la cadena de valor "CFBundleIconFile" a "icon"

Además, la herramienta img2icns puede resultar útil para convertir imágenes en un icono.


… Cambie la cadena de valor "CFBundleIconFile" por el nombre de su archivo .icns. FTFY
Francis McGrew

En Xcode 7, no es necesario que coloques el archivo .icns en una carpeta específica, siempre que esté dentro del paquete. Creé una carpeta / Activos y simplemente arrastré el archivo icon.icns a la carpeta en Xcode. Luego edité Info.plist y configuré el archivo Icon en icon.ins. También debe deshabilitar la función para usar Assests en la configuración 'General' de la aplicación.
gbdavid

7

Pasos para agregar un ícono de aplicación a su proyecto de cacao.

  1. Busque 'Icon Composer' en Spotlight.
  2. Arrastre y suelte el icono (el nombre debe ser como imagename.icns) en los cuadros dados.
  3. Seleccione un cuadro y guárdelo.
  4. Arrastre y suelte la imagen guardada en la carpeta Recursos de su aplicación.
  5. Seleccione el objetivo -> haga clic con el botón derecho en el nombre del proyecto -> Seleccione GetInfo.
  6. En Propiedades, ingrese el nombre de 'Archivo de iconos'.
  7. Ahora Clean Build y ejecute su aplicación.

1
6 años después, esto ya no es aplicable
mix3d

7

Es fácil

  1. Utilice una herramienta automática (como IconFly) para crear ICNS o conjunto de iconos correctos con todo el tamaño necesario.

  2. A continuación, arrastre y suelte el ICNS o el conjunto de iconos creados en Xcode.

  3. en el archivo info.plist, establezca el valor "CFBundleIconFile" en [IconName]


3

Xcode 8.2.1

  1. Convierta .png 👉.icns a través de IconMaker

  2. Agregue el archivo AwesomeApp.icns en la misma carpeta que info.plist

  3. Arrastre el archivo AwesomeApp.icns a xcode en la misma carpeta que info.plist

  4. En el icono de conjunto de info.plist: a AwesomeApp.icns


4
También debe ejecutar command + option + shift + K que limpia la compilación. Luego, compile la aplicación nuevamente y el ícono debería aplicarse
Luka Kerr

¡Suena como una limpieza profunda! Un reinicio de xcode y su computadora también puede funcionar en algunos casos: P Personalmente, no tuve que limpiar la compilación antes de que esto funcionara. ¡Gracias por la propina Luka! Úselo por completo para futuros espectadores.
eonista

El enlace de @eonist IconMaker está muerto.
jamescampbell

@ jamescampbell Hola viejo amigo. Actualizado ahora
eonista

0

Paso 1: Obtenga el nombre del archivo de icono de info.plist y coloque la carpeta icns (archivo de icono) en la carpeta SourceCode / resources

Paso 2: Y lo mismo ocurre con xcode, debes copiar todas las imágenes de xcode usando copyallframeworks o copyall archivo de recursos en tu xcode y compilar la aplicación nuevamente.


@ Asif.Ali Respuesta dada con pasos.
Rachit kapadia
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.