Guía para crear temas para WinterBoard (iOS 5)UIImages:1. ¿Qué son las UIImages?Las UIImages son un conjuto de imágenes que cambian la apariencia del dispositivo.
Esta parte es muy extendida por lo que te recomiendo que vayas a la sección de descargas de archivos de está guía y descargues el paquete llamado "UIImages".
Rutas:Bundles: com.apple.UIKit
Folders: UIKit.framework
2. Statusbar:
El statusbar es la barra donde aparece la hora, la batería, la señal Wi-Fi, etc.
Hay 4 statusbar que son los siguientes:
"Error_Base.png": esta imagen es para el status bar que aparece cuando introducimos mal el código de desbloqueo. Sus dimensiones son 1x20 px.
"Black_Base.png": esta imagen es para el status bar que aparece en las aplicaciones para iPad y en algunas aplicaciones para iPhone con statusbar negro. Sus dimensiones son 5x20 px.
"Translucent_Base.png": esta imagen es para el status bar que aparece en el lockscreen, en el springboard y en algunas aplicaciones para iPhone con statusbar negro. Sus dimensiones son 5x20 px.
"Silver_Base.png": esta imagen es para el status bar blanco que aparece en algunas aplicaciones. Sus dimensiones son 5x20 px.
NOTA: la diferencia entre el statusbar "Black_Base" y "Translucent_Base" es que el primero es opaco y el segundo es translúcido.
Ejemplos:
Dimensiones: 1x20 px
Dimensiones: 5x20 px
Dimensiones: 5x20 px
Dimensiones: 5x20 px
3. Elementos del statusbar:Los elementos del statusbar son la señal Wi-Fi, la batería, el icono de Bluetooth, etc.
Cada elemento tiene 3 tipos de imágenes que son:
"ColorOnGrayShadow": es para el statusbar "Silver_Base".
"WhiteOnBlackEtch": es para los statusbar "Black_Base", "Translucent_Base" y "Error_Base".
"WhiteOnBlackShadow": es para el centro de notificaciones.
Para un mismo elemento la distinción se hace así: Tipo_nombreelemento.png.
3.1 Imágenes:Entre paréntesis aparecen las dimensiones de las imágenes del tipo "WhiteOnBlackShadow" ya que tienen dimensiones distintas.Wi-Fi: "Tipo_X_WifiBars.png". La X es un número que va de 0 a 3. Sus dimensiones son 20x20 px (22x20 px).
Barras de señal: "Tipo_0_Bars.png". La X es un número que va de 0 a 5. Sus dimensiones son 19x20 px (21x20 px).
BlueTooth: son dos imágenes para cuando está desconectado y conectado y sus nombres son respectivamente "Tipo_Bluetooth.png" y "Tipo_BluetoothConnected.png". Sus dimensiones son 11x20 px (13x20 px).
3G: "Tipo_DataTypeUMTS.png". Sus dimensiones son 15x20 px (17x20 px).
4G: "
[email protected]". Sus dimensiones son 30x40 px (34x40 px) [Solo retina].
GPRS: "Tipo_DataTypeGPRS.png". Sus dimensiones son 7x20 px (9x20 px).
EDGE: "Tipo_DataTypeEDGE.png". Sus dimensiones son 6x20 px (8x20 px).
VPN: "Tipo_VPN.png". Sus dimensiones son 20x20 px (22x20 px).
Modo avión: "Tipo_Airplane.png". Sus dimensiones son 16x20 px (18x20 px).
Candado: "Tipo_Lock.png" (no tiene imagen para el tipo "ColorOnGrayShadow"). Sus dimensiones son 10x20 px (12x20 px).
Play: "Tipo_Play.png". Sus dimensiones son 10x20 px (12x20 px).
Rotación: "Tipo_RotationLock.png". Sus dimensiones son 20x20 px (22x20 px).
Alarma: "Tipo_Alarm.png". Sus dimensiones son 10x20 px (12x20 px).
Localización: "Tipo_Location.png". Sus dimensiones son 13x20 px (15x20 px).
AirPlay: "Tipo_AirPlay.png" (no tiene imagen para el tipo "ColorOnGrayShadow"). Sus dimensiones son 16x20 px (18x20 px).
Nike Plus: "Tipo_Plus.png". Sus dimensiones son 10x20 px (12x20 px).
Hotspot: "Tipo_DataTypeiOSHotspot.png". Sus dimensiones son 17x20 px (19x20 px).
Batería: consta de varias imágenes que son las siguientes:
"Tipo_BatteryCharged.png": es cuando el dispositivo está cargado y conectado a la corriente. Sus dimensiones son 21x20 px (23x20 px).
"Tipo_BatteryCharging.png": es cuando el dispositivo está cargandose y conectado a la corriente. Sus dimensiones son 21x20 px (23x20 px).
"Tipo_BatteryDrainingBG.png": es el cuerpo de la batería. Sus dimensiones son 21x20 px (23x20 px).
"Tipo_BatteryDrainingInsidesLow.png": es la barra roja que aparece cuando queda poca batería. Sus dimensiones son 3x20 px (6x20 px).
"Tipo_BatteryDrainingInsides.png": es la barra verde o blanca que indica la cantidad de batería. Sus dimensiones son 3x20 px (5x20 px).
Porcentaje de batería: consta de varias imágenes que son las siguientes:
"Tipo_Percent_X.png": son números del 0 al 9 y el símbolo de porcentaje. La X indica el número que es o si es el símbolo de porcentaje (%). Las dimensiones para el símbolo de porcentaje son 12x20 px (14x20 px) y para los números es de la siguiente forma:
0: 8x20 px (10x20 px)
1: 5x20 px (7x20 px)
2: 7x20 px (9x20 px)
3: 7x20 px (9x20 px)
4: 8x20 px (10x20 px)
5: 7x20 px (9x20 px)
6: 7x20 px (9x20 px)
7: 7x20 px (9x20 px)
8: 7x20 px (9x20 px)
9: 7x20 px (9x20 px)
"Tipo_PercentLow_X.png": son números del 0 al 9 y el símbolo de porcentaje pero para cuando queda poca batería. La X indica el número que es o si es el símbolo de porcentaje (%). Las dimensiones para el símbolo de porcentaje son 12x20 px (15x20 px) y para los números es de la siguiente forma:
0: 8x20 px (11x20 px)
1: 5x20 px (8x20 px)
2: 7x20 px (10x20 px)
3: 7x20 px (10x20 px)
4: 8x20 px (11x20 px)
5: 7x20 px (10x20 px)
6: 7x20 px (10x20 px)
7: 7x20 px (10x20 px)
8: 7x20 px (10x20 px)
9: 7x20 px (10x20 px)
Ejemplos:
