¿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.