Iconos - Guía para crear temas para WinterBoard (iOS 5)

Para dar las gracias debes entrar o registrarte en el foro

iMiembro 7G
iMiembro 7G
Mensajes: 385 Agradecido: 79
11 Jun 2012, 00:19# 1
Imagen


Guía para crear temas para WinterBoard (iOS 5)

Iconos:

1. ¿Qué son los iconos?
Los iconos son los cuadrados redondeados que se encuentran en el springboard y son accesos directos que nos permiten acceder a aplicaciones.

Ejemplo:

Imagen
Dimensiones: 59x60 px (74x76 px)

2. Cambiar los iconos:
2.1 Usando la carpeta Bundles:
En la carpeta principal del tema creamos una carpeta llamada "Bundles".

Para cambiar el icono de una aplicación necesitamos su identificador y para ello necesitaremos abrir el archivo "Info.plist" y buscar la string de la key CFBundleIdentifier. Creamos una carpeta con el nombre de ese identificador y la situamos en la carpeta "Bundles". En esta carpeta es donde pondremos el icono.

2.2 Usando la carpeta Folders:
En la carpeta principal del tema creamos una carpeta llamada "Folders".

Para cambiar el icono de una aplicación necesitamos el nombre de la carpeta que contiene los archivos de la aplicación. Creamos una carpeta con el nombre de esa carpeta y la situamos en la carpeta "Folders". En esta carpeta es donde pondremos el icono.

3. Lista con los nombres de los iconos y sus respectivas carpetas Bundles y Folders:

iOS 6.0.x:

Bolsa: com.apple.stocks - Stocks.app -icon~iphone.png

Passbook: com.apple.Shoebox - Shoebox.app - icon@2x

Reloj: com.apple.mobiletimer - MobileTimer.app - icon~iphone.png (desconocido el nombre en iPad pero seguramente sea icon~ipad.png)

Los iconos que no aparezcan aquí se nombran como en iOS 5.1.x.

iOS 5.1.x:

Ajustes: com.apple.Preferences - Preferences.app - icon~iphone.png (icon~ipad.png)

Calendario: com.apple.mobilecal - MobileCal.app - icon~iphone.png (icon~ipad.png)

Cámara: com.apple.camera - Camera.app - Camera~iphone.png (Camera~ipad.png)

Contactos: com.apple.MobileAddressBook - Contacts~iphone.app (Contacts~ipad.app) - icon.png (icon~ipad.png)

Fotos: com.apple.mobileslideshow - MobileSlideShow.app - Photos~iphone.png (Photos~ipad.png)

Game Center: com.apple.gamecenter - Game Center~iphone.app (Game Center~ipad.app) - icon.png (Icon~ipad.png)

Música: com.apple.mobileipod (com.apple.Music) - Music~iphone.app (Music~ipad.app) - icon.png (Icon~ipad.png)

Safari: com.apple.mobilesafari - MobileSafari.app - icon~iphone.png (icon~ipad.png)

Vídeos: com.apple.videos - Videos.app - icon.png (icon~ipad.png)

YouTube: com.apple.youtube - YouTube.app - icon~iphone.png (icon~ipad.png)

iOS 5.0.x:

Ajustes: com.apple.Preferences - Preferences.app - icon.png (icon-72.png)

Calendario: com.apple.mobilecal - MobileCal.app - icon.png (icon-72.png)

Cámara: com.apple.camera - Camera.app - Icon.png (Icon-72.png)

Contactos: com.apple.MobileAddressBook - Contacts~iphone.app (Contacts~ipad.app) - icon.png (icon-72.png)

Fotos: com.apple.mobileslideshow - MobileSlideShow.app - icon.png (icon-72.png)

Game Center: com.apple.gamecenter - Game Center~iphone.app (Game Center~ipad.app) - icon.png (Icon-72.png)

Música: com.apple.mobileipod (com.apple.Music) - Music~iphone.app (Music~ipad.app) - icon.png (Icon.png)

Safari: com.apple.mobilesafari - MobileSafari.app - icon.png (icon-72.png)

Vídeos: com.apple.videos - Videos.app - icon.png (icon-72.png)

YouTube: com.apple.youtube - YouTube.app - icon.png (icon-72.png)

Ambos:

Activator: libactivator - Activator.app - icon.png (icon-72.png)

App Store: com.apple.AppStore - AppStore.app - icon.png (icon-72.png)

Bolsa: com.apple.stocks - Stocks.app - icon.png

Brújula: com.apple.compass - Compass.app - Icon.png

Calculadora: com.apple.calculator - Calculator.app - icon.png

Cydia: com.saurik.Cydia - Cydia.app - icon.png (icon-72.png)

DisplayRecorder: com.booleanmagic.displayrecorder - DisplayRecorder.app - iPhoneAppIcon.png (iPadAppIcon.png)

Face Time: com.apple.mobilephone - MobilePhone.app - Icon-FaceTime@2x~ipod.png (Icon-FaceTime~ipad.png)

iFile: eu.heinelt.ifile - iFile.app - iPhoneAppIcon.png (iPadAppIcon.png)

iTunes: com.apple.MobileStore - MobileStore.app - icon.png (icon-72.png)

Mail: com.apple.mobilemail - MobileMail.app - Icon.png (Icon-72.png)

Mapas: com.apple.Maps - Maps~iphone.app (Maps~ipad.app) - Icon.png (Icon-72.png)

Mensajes: com.apple.MobileSMS - MobileSMS.app - icon.png (icon~ipad.png)

Nike + iPod: com.apple.nike - Nike.app - icon.png

Notas: com.apple.mobilenotes - MobileNotes.app - icon.png (icon-72.png)

Notas de voz: com.apple.VoiceMemos - VoiceMemos.app - icon.png

Photo Booth: com.apple.Photo-Booth - Photo Booth.app - Photo Booth~ipad.png

Recordatorios: com.apple.reminders - Reminders.app - icon.png (icon~ipad.png)

Reloj: com.apple.mobiletimer - MobileTimer.app - icon.png

Teléfono: com.apple.mobilephone - MobilePhone.app - icon~iphone.png

Tiempo: com.apple.weather - Weather.app - icon.png e Icon-Celsius.png

WinterBoard: com.saurik.WinterBoard - WinterBoard.app - icon.png (icon-72.png)

4. Máscara iconos App Store:

Podemos aplicar una "máscara" que afecte a todos los iconos de las aplicaciones del App Store. Esto es recomendado cuando los iconos que usamos tienen una parte común.

Para aplicar la máscara podemos usar la carpeta Bundles o la carpeta Folders llamandose la carpeta "com.apple.mobileicons.framework" si usamos la carpeta Bundles o "MobileIcons.framework" si usamos la carpeta Folders.

La máscara se compone de 3 imágenes que son:

Imagen
AppIconMask~iphone.png (AppIconMask~ipad.png)

Imagen
AppIconShadow~iphone.png (AppIconShadow~ipad.png)

Imagen
AppIconOverlay~iphone.png (AppIconOverlay~ipad.png)

AppIconMask: esta imagen delimita la parte del icono que se muestra.

AppIconShadow: esta imagen muestra una figura detras de la parte del icono que se muestra.

AppIconOverlay: esta imagen es un efecto que tienen algunas aplicaciones.

También debemos crear en la misma carpeta una imagen llamada "DefaultAppIcon~iphone.png" ("DefaultAppIcon~ipad.png"). Esta imagen es un icono en blanco con la máscara aplicada y aquí un ejemplo:

Imagen
DefaultAppIcon~iphone.png (DefaultAppIcon~ipad.png)

NOTA: todas estas imágenes tienes unas dimensiones de 59x60 px (74x76 px).
Gracias  
1 persona ha dado las gracias: Rave
Etiquetado en:
iMiembro 7G
iMiembro 7G
Mensajes: 385 Agradecido: 79
15 Jun 2012, 22:16# 2

Aunque WinterBoard seguramente no se pueda instalar pero añadida información con las rutas de los iconos en iOS 6 (sin verificar en iPad).

Gracias  
iMiembro
iMiembro
Mensajes: 1 Agradecido: 0
26 Jun 2012, 01:17# 3

Muchas gracias por el aporte. La verdad que este tutorial parece muy fácil de realizar. Espero poder hacerlo porque hace tiempo que estaba buscando esta información y no la encontraba en ningún lado. Además estuve viendo los otros tutoriales y también son muy útiles! Es excelente el foro!











Ramin

Gracias  

Publicidad
Publicidad