Iconos de la aplicación iOS 7, imágenes de lanzamiento y convención de nomenclatura manteniendo los iconos de iOS 6

83

Acabo de terminar una aplicación en iOS 6 y compré una cuenta de desarrollador hace una semana, así que no he tenido mucho tiempo jugando con el SDK de iOS 7. Acabo de descargar la versión de Golden Master e intento actualizar mi aplicación para que sea compatible con iOS 7.

Me di cuenta de que iOS 7 requiere un poco de trabajo con los íconos de aplicaciones. He comprobado muchas preguntas relacionadas y estoy confundido sobre qué hacer. Ya tengo una aplicación iOS 6 con íconos de aplicaciones y cuando instalé la versión golden master vi lo siguiente:

Iconos de la aplicación iOS 7

y para lanzar imágenes:

Imágenes de lanzamiento de iOS 7

Puedo crear nuevos iconos planos para iOS 7 mientras quiero que los usuarios de iOS sigan viendo los antiguos.

¿Qué tengo que hacer? Use el "Usar catálogo de activos" o agregue los íconos manualmente y si estoy agregando los íconos manualmente, ¿cómo debo nombrar estas imágenes? ¡Gracias!

AJ112
fuente

Respuestas:

78

Absolutamente Asset Catalog es su respuesta, elimina la necesidad de seguir las convenciones de nomenclatura cuando agrega o actualiza los íconos de su aplicación.

A continuación, se muestran los pasos para migrar un conjunto de iconos de aplicaciones o iniciar un conjunto de imágenes desde Apple :

1- En el navegador de proyectos, seleccione su objetivo.

2- Seleccione el panel General y desplácese hasta la sección Iconos de aplicaciones.

ingrese la descripción de la imagen aquí

3- Especifique una imagen en la tabla de iconos de la aplicación haciendo clic en el icono de la carpeta en el lado derecho de la fila de la imagen y seleccionando el archivo de imagen en el cuadro de diálogo que aparece.

ingrese la descripción de la imagen aquí

4-Migre las imágenes en la tabla de iconos de la aplicación a un catálogo de activos haciendo clic en el botón Usar catálogo de activos, seleccionando un catálogo de activos en el menú emergente y haciendo clic en el botón Migrar.

ingrese la descripción de la imagen aquí

Alternativamente, puede crear un conjunto de iconos de aplicación vacío seleccionando Editor> Nuevo icono de aplicación y agregar imágenes al conjunto arrastrándolas desde el Finder o eligiendo Editor> Importar.

Tarek Hallak
fuente
En resumen, en primer lugar tengo que buscar y configurar las imágenes de acuerdo con las dimensiones dadas en la tabla y luego puedo migrarlas al Catálogo de Activos tanto para iOS 6 como para iOS 7. ¿Verdad?
AJ112
2
Sí, sus imágenes antiguas se migrarán de inmediato, pero las nuevas imágenes deben rediseñarse con seguridad, pero al menos puede saber exactamente qué íconos o imagen necesita retransmitir a través del Catálogo de activos.
Tarek Hallak
1
Desde que hice esto, parece que pierdo mi AppIcon en Organizer y para TestFlight; aunque todo parece funcionar en el dispositivo, ¿hay algo más que deba hacer para que funcionen también? TAMBIÉN intenté tener CFBundleIcons, ¿alguna idea?
PaulJ
Descubrí que con varios proyectos de destino es mejor tomar la ruta alternativa y crear nuevos archivos de activos para cada destino. A veces, la opción de migración se confunde. A cada activo se le asigna una membresía de destino única.
RobCroll
¡Gracias! Estaba tratando de encontrar una manera de editar esas filas. Si tiene XCode en ventana (en lugar de pantalla completa), los botones de carpeta se pueden ocultar detrás de la barra de herramientas derecha.
HaemEternal
24

Debe utilizar el Catálogo de activos:

He investigado cómo podemos utilizar Asset Catalog; Ahora me parece fácil. Quiero mostrarle los pasos para agregar íconos y salpicaduras en el catálogo de activos.

Nota: No es necesario realizar ninguna entrada en el archivo info.plist :) Y no hay ninguna otra configuración.

En la imagen de abajo, en el lado derecho, verá un área resaltada, donde puede mencionar qué iconos necesita. En el caso del mío, he seleccionado las primeras cuatro casillas de verificación; Como es para los requisitos de mi aplicación. Puede seleccionar opciones según sus requisitos.

ingrese la descripción de la imagen aquí

Ahora, vea la imagen de abajo. Como seleccionará cualquier icono de aplicación, verá su detalle en el área seleccionada del lado derecho. Le ayudará a cargar el icono de resolución correcta. ingrese la descripción de la imagen aquí

Si no se agrega la imagen con la resolución correcta, aparecerá la siguiente advertencia. Simplemente cargue la imagen con la resolución correcta. ingrese la descripción de la imagen aquí

Después de cargar todas las dimensiones requeridas, no debería recibir ninguna advertencia. ingrese la descripción de la imagen aquí

msmq
fuente
Hola: Tengo este problema, tengo toda la configuración como tú. Cuando ejecuto la aplicación, qué simulador mostrará el ícono, pero no importa si hago toda la limpieza y reconstrucción, pero cuando lo implemento en un iPhone 5s real, nunca se muestra.
phil88530
@ phil88530, asegúrese de haber seleccionado iOS 7.0 y tamaños posteriores también (como en las capturas de pantalla anteriores). en segundo lugar, asegúrese también de que está utilizando la última versión de XCode como la v 5.1.1 o superior.
msmq
Si desea ahorrar algo de tiempo cambiando el tamaño de todos los íconos, puede usar esta aplicación, genera el catálogo de activos de íconos de la aplicación para usted: itunes.apple.com/app/id1052532083 (descargo de responsabilidad: esta es mi aplicación)
Erik
14

En caso de que no desee utilizar el Asset Catalog, puede agregar un icono de iOS 7 para una aplicación anterior creando una imagen .png de 120x120. Nómbrelo Icon-120.pngy arrástrelo al proyecto.

En OBJETIVO> Su aplicación> Información> Archivos de iconos, agregue una entrada más en las Propiedades de destino:

ingrese la descripción de la imagen aquí

Probé en Xcode 5 y se envió una aplicación sin la advertencia del ícono de retina faltante.

Oh ho
fuente
2
También puede agregar Icon-76.png e Icon-152.png. También asegúrese de que los íconos aparezcan en "Fases de compilación"> "Copiar recursos del paquete" (consulte stackoverflow.com/a/12225627/376066 )
Mikhail
+1 para su descripción de DÓNDE para agregar la información del icono. ¡Gracias!
TJ Asher
esta es realmente una palabra gracias querida, dediqué dos horas a configurar APPICON para arrastrar y soltar, esto no es un trabajo para mí, pero usar el archivo .plist es un trabajo ... muchas gracias.
Yagnesh
5

De acuerdo, agregando a la increíble publicación de @ null sobre el uso del Catálogo de activos .

Es posible que deba hacer lo siguiente para que el ícono de la aplicación se vincule y funcione para que las distribuciones / producción Ad-Hoc se vean en el Organizador , el vuelo de prueba y ubicaciones posiblemente desconocidas de la AppStore.


Después de crear el catálogo de activos, tome nota del nombre de las imágenes de inicio y los nombres de los íconos de la aplicación que aparecen .xassetsen Xcode.

Por defecto, esto debería ser

  • AppIcon
  • LaunchImage

[Para ver esto, haga clic en su carpeta / icono .xassets en Xcode.] (Esto se puede cambiar, así que solo tome nota de esta variable para más adelante)


Lo que se crea ahora en cada compilación son las siguientes estructuras de datos en su .app:

Para iconos de aplicaciones:

iPhone

  • AppIcon57x57.png(iPhone sin retina) [ Observe el prefijo del nombre del icono ]
  • [email protected] (retina del iPhone)

Y el mismo formato para cada una de las otras resoluciones de iconos.

iPad

  • AppIcon72x72~ipad.png (iPad sin retina)
  • AppIcon72x72@2x~ipad.png (retina de iPad)

(Para iPad es un postfix ligeramente diferente)


Problema principal

Ahora noté que en mi Info.plisten Xcode 5.0.1 automáticamente intentó y no pudo crear una clave para " Icon files (iOS 5)" después de completar la creación del Catálogo de activos.

Si creó una referencia con éxito / es posible que Apple haya parcheado esto o simplemente haya funcionado, entonces todo lo que tiene que hacer es revisar los nombres de las imágenes para validar el formato mencionado anteriormente.

Solución final:

Agregue la siguiente clave a su principal .plist

Le sugiero que abra su main .plistcon un editor de texto externo como TextWrangler en lugar de en Xcode para copiar y pegar la siguiente clave.

<key>CFBundleIcons</key>
<dict>
    <key>CFBundlePrimaryIcon</key>
    <dict>
        <key>CFBundleIconFiles</key>
        <array>
            <string>AppIcon57x57.png</string>
            <string>[email protected]</string>
            <string>AppIcon72x72~ipad.png</string>
            <string>AppIcon72x72@2x~ipad.png</string>
        </array>
    </dict>
</dict>

Tenga en cuenta que solo he incluido mis resoluciones de ejemplo, deberá agregarlas todas.


Si desea agregar esta clave en Xcode sin un editor externo, use lo siguiente:

  • Icon files (iOS 5) - Diccionario
  • Primary Icon - Diccionario
  • Icon files - Matriz
  • Item 0- Cadena = AppIcon57x57.png Y para cada otro ícono de elemento / aplicación.

Ahora, cuando finalmente archive su proyecto, el .plist de carga útil .xcarchive final ahora incluirá las ubicaciones de los iconos indicados anteriormente para construir y usar.

No agregue lo siguiente a ningún .plist: solo un ejemplo de lo que Xcode generará ahora para su carga útil final

<key>IconPaths</key>
<array>
    <string>Applications/Example.app/AppIcon57x57.png</string>
    <string>Applications/Example.app/[email protected]</string>
    <string>Applications/Example.app/AppIcon72x72~ipad.png</string>
    <string>Applications/Example.app/AppIcon72x72@2x~ipad.png</string>
</array>
Danoli3
fuente