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:
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:
AppIconMask~iphone.png (AppIconMask~ipad.png)
AppIconShadow~iphone.png (AppIconShadow~ipad.png)
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:
DefaultAppIcon~iphone.png (DefaultAppIcon~ipad.png)
NOTA: todas estas imágenes tienes unas dimensiones de 59x60 px (74x76 px).
