Guía para crear temas para WinterBoard (iOS 5)Lockscreen:1. ¿Qué es el lockscreen?
El lockscreen es la pantalla que aparece cuando el dispositivo está bloqueado tras pulsar el botón reposo.
Rutas:Bundles: com.apple.springboard y com.apple.TelephonyUI
Folders: SpringBoard.app y TelephonyUI.framework
2. Batería:Las imágenes de la batería están situadas en la carpeta del springboard.Se compone de 17 imagenes más una imagen para el reflejo. Las imágenes se llaman "BatteryBG_X.png" donde la X es el número de la imagen. Contra menor número sea, menor porcentaje de batería habrá. Sus dimensiones son 264x129 px.
Reflejo de la batería: esta imagen es para el reflejo de la batería y solo es una línea para indicar hasta donde llega. Su nombre es "BatteryReflectionMask.png" y sus dimensiones son 1x129 px.
Ejemplos:
Dimensiones: 264x129 px
Dimensiones: 1x129 px
3. Notificaciones:Todas las imágenes excepto la última van en la carpeta del springboard. La última va en la carpeta TelephonyUI.Las imágenes de las notificaciones empiezan por "Bulletin" y son las siguientes:
iPhone:"BulletinListLockScreenFirstAlertBG~iphone.png": es el fondo que aparece cuando hay una notificación sin leer. Sus dimensiones son 304x47 px.
"BulletinListLockScreenGrabber~iphone.png": es el rectángulo pequeño que aparece cuando tienes bastantes notificaciones. Sus dimensiones son 45x17 px.
"BulletinListLockScreenLargeAlarmButton~iphone.png", "BulletinListLockScreenLargeAlertButton~iphone.png" y "BulletinListLockScreenLargeAlertCancelButton~iphone.png": son los botones que se muestran cuando aparece una alarma. Las dimensiones de la primera imagen son 36x30 px y las dimensiones de las otras dos son 48x30 px.
iPad:"BulletinListLockScreenBG~ipad.png": es el rectángulo que aparece cuando hay una o más notificaciones sin leer. Sus dimensiones son 340x77 px.
Ambos:"BulletinWellLock.png": es el rectángulo pequeño donde aparecen los textos para deslizar. Sus dimensiones son 35x35 px.
Ejemplos:
Dimensiones: 304x47 px
Dimensiones: 45x17 px
Dimensiones: 36x30 px
Dimensiones: 48x30 px
Dimensiones: 48x30 px
Dimensiones: 340x77 px
Dimensiones: 35x35 px
4. Cámara (iPhone):El icono de la cámara del lockscreen se puede cambiar dependiendo de la versión de iOS que tenga el dispositivo.
iOS 5.0.x:La imagen se llama "LockScreenCamera~iphone.png" y sus dimensiones son de 52x52 px.
iOS 5.1.x y iOS 6:La imagen se llama "CameraGrabber~iphone.png" y sus dimensiones son de 30x52 px.
Ejemplos:
Dimensiones: 52x52 px
Dimensiones: 30x52 px
5. Marco de fotos (iPad):El icono del marco de fotos del lockscreen son 3 imágenes que son las siguientes:
"SlideshowBkgnd~ipad.png": es el fondo del botón. Sus dimensiones son 52x52 px.
"SlideshowPortrait~ipad.png": imagen blanca para la rotación vertical. Sus dimensiones son 26x31 px.
"SlideshowLandscape~ipad.png": imagen blanca para la rotación horiontal. Sus dimensiones son 30x27 px.
Ejemplos:
Dimensiones: 52x52 px
Dimensiones: 26x31 px
Dimensiones: 30x27 px
6. Teclado:6.1 iPhone:Las imágenes del teclado están situadas en la carpeta del springboard."DeviceLockEntryFieldBackground~iphone.png": es la barra que está encima del teclado. Sus dimensiones son 8x96 px.
"DeviceLockTitleViewRedBackground~iphone.png": es la barra que aparece al introducir mal el código de desbloqueo. Sus dimensiones son 1x96 px.
"DeviceLockKeypad~iphone.png": es el teclado. Sus dimensiones son 320x216 px.
"DeviceLockKeypadPressed~iphone.png": es el teclado pulsado. Sus dimensiones son 320x216 px.
Ejemplos:
Dimensiones: 8x96 px
Dimensiones: 1x96 px
Dimensiones: 320x216 px
Dimensiones: 320x216 px
6.2 iPad:Las imágenes del teclado están situadas en la carpeta del springboard."DeviceLockTitleViewBackground~ipad.png": estructura superior del teclado. Sus dimensiones son 37x84 px.
"DeviceLockTitleViewRedBackground~ipad.png": estructura superior del teclado cuando hemos introducido mal el código de desbloqueo. Sus dimensiones son 37x84 px.
"DeviceLockEntryFieldBackground~ipad.png": estructura del medio del teclado. Sus dimensiones son 37x72 px.
"DeviceLockBottom~ipad.png": estructura inferior del teclado. Sus dimensiones son 37x245 px.
"DeviceLockKeypad~ipad.png": es el teclado. Sus dimensiones son 280x217 px.
Ejemplos:
Dimensiones: 37x84 px
Dimensiones: 37x84 px
Dimensiones: 37x72 px
Dimensiones: 37x245 px
Dimensiones: 280x217 px
7. Resto del lockscreenEl resto de imágenes están situadas en la carpeta TelephonyUI excepto 3 imágenes que están situadas en la carpeta del springboard.Este apartado es un poco extenso y te recomiendo que vayas a la sección de descargas de archivos de esta guía y descargues los archivos llamados "TelephonyUI" y "SpringBoard".
7.1 Algunas Imágenes de la carpeta TelephonyUI:"BarLCD~iphone.png" ("BarLCD~ipad.png"): es la barra donde se encuentra la hora y la fecha. Sus dimensiones son 1x96 px (1x108 px).
"BarBottomLock~iphone.png" ("BarBottomLock~ipad.png"): es la barra de abajo del lockscreen. Sus dimensiones son 1x96 px (1x128 px).
"bottombarbkgnd.png": es la barra inferior que aparece cuando vamos a apagar el dispositivo (solo iPhone). Sus dimensiones son 79x96 px.
"bottombarknobgray~iphone.png" ("bottombarknobgray~ipad.png"): es el rectángulo gris que mueves para desbloquear el dispositivo. Sus dimensiones son 71x47 px (63x51 px).
"bottombarknobred~iphone.png" ("bottombarknobred~ipad.png"): es el rectángulo rojo que mueves para apagar el dispositivo. Sus dimensiones son 71x47 px (63x51 px).
"bottombarknobgreen~iphone.png" ("bottombarknobgreen~ipad.png"): es el rectángulo verde que mueves para aceptar una llamada. Sus dimensiones son 71x47 px (63x51 px).
"WellLock~iphone.png" ("WellLock~ipad.png"): es el rectángulo donde aparecen los textos de "Desbloquear" y "Apagar". Sus dimensiones son 27x52 px (25x52 px).
7.2 Imágenes carpeta SpringBoard (solo iPhone):"SBLockScreenControlsLCD.png" y "SBLockScreenControlsLCDSmall.png": son las barras donde aparecen los controles de musicales. Sus dimensiones son 320x173 px y 1x156 px respectivamente.
Ejemplos:
Dimensiones: 1x96 px (1x108 px)
Dimensiones: 1x96 px (1x128 px)
Dimensiones: 79x96 px
Dimensiones: 71x47 px (63x51 px)
Dimensiones: 71x47 px (63x51 px)
Dimensiones: 71x47 px (63x51 px)
Dimensiones: 27x52 px (25x52 px)
Dimensiones: 320x173 px
Dimensiones: 1x156 px
