web analytics

Cómo crear un tema para Winterboard

Últimamente estamos hablando mucho de Winterboard y sus posibilidades, pero hasta ahora no habíamos hablado mas que de descargar temas ya echos. Ahora intentaré hacer un pequeño resumen de como crear un tema propio.

Actualizado: Os dejo un par de temas que ha creado nuestro lector Crow e invito al resto, que si tienen algún tema creado por ellos mismos nos envíe la dirección de descargar para publicarlo.

Para empezar creamos una carpeta con el nombre de nuestro tema + «.theme» (sin comillas). Dentro de esa carpeta podemos encontrar lo siguiente:

Carpeta Bundles – Encontraremos los gráficos e imágenes de los programas y juegos que tengamos.
Carpeta Icons – Encontraremos los iconos de los programas y juegos del dashboard.
Carpeta UIImages – Encontraremos los gráficos e imágenes del sistema, organizados en carpetas.
Carpeta Widgets – Encontraremos los widgets que queramos integrar en el tema.
Archivo LockBackground.png – Imágen de la pantalla de bloqueo.
Archivo StatusBar.png – Imágen de la barra de estado superior.
Archivo Wallpaper.png – Imágen de detrás de los iconos del spingboard.
Archivo Dock.png – Imágen del dock.
Archivo Info.plist – Información varia de estilo.

Todos estos archivos no son obligatorios, no hace falta que añadamos todas y cada una de las imágenes del iPhone, simplemente tenemos que poner lo que queramos, por ejemplo podemos crear un tema simplemente con un dock, un fondo de pantalla y algunos iconos.

Así que tendro de la carpeta «nuestrotema.theme» solo habría los archivos «Dock.png», «Wallpaper.png» y la carpeta «Icons» con los iconos que queramos cambiar dentro.

Explicación de cada archivo/carpeta:

LockBackground.png – Este archivo nos permitirá poner una imágen de fondo personalizada a la pantalla de bloqueo. No es obligatiora. Tiene que ser un PNG con un tamaño de 320×480.

Wallpaper.png – Este archivo nos permitirá poner una imágen de fondo personalizada detras de los iconos del springboard. No es obligatiora. Tiene que ser un PNG con un tamaño de 320×480.

StatusBar.png – Este archivo nos permitirá poner una imágen personalizada a la barra de estado superior. No es obligatiora. Tiene que ser un PNG con un tamaño de 320×20. Puede tener canal alfa.

Dock.png – Este archivo nos permitirá poner una imágen a la barra de estado superior. No es obligatiora. Tiene que ser un PNG con un tamaño de 320×91. Puede tener canal alfa.

Carpeta Icons – Dentro de esta carpeta encontraremos todos los iconos que queramos cambiar. No hay un número determinado de iconos que tenemos que poner. Dependerá de las aplicaciones que queramos que tengan un nuevo icono.

El tamaño suele ser de 60×60, aunque puede ser mayor o menor y pueden tener canal alfa.
El nombre de cada icono, tiene que corresponder con el nombre que tiene el icono en el programa.
Los nombres de las aplicaciones por defecto en el iPhone son los siguientes:

SMS- «Text.png»
Calendario- «Calendar.png»
Fotos- «Photos.png»
Cámara- «Camera.png»
Youtube- «YouTube.png»
Bolsa- «Stocks.png»
Tiempo- «Weather.png»
Reloj- «Clock.png»
Mapas- «Maps.png»
Calculadora- «Calculator.png»
Notas- «Notes.png»
Ajustes- «Settings.png»
App Store- «App Store.png»
Contactos- «Contacts.png»
iTunes- «iTunes.png»
Teléfono- «Phone.png»
Mail- «Mail.png»
Safari- «Safari.png»
iPod- «iPod.png»

Además, podremos añadir iconos a cualquier otra aplicación, simplemente poniendo el nombre correspondiente: «Air Hockey.png», «AppFlow.png», «Facebook.png», «Enigmo.png», «Cydia.png», «WinterBoard.png», «Twitterrific.png», «Topple.png», «Terminal.png», «Spore.png», etc.

Carpeta Bundles – Dentro de esta carpeta, tenemos que poner los gráficos e imágenes de las interfaces de los programas que queremos cambiar.

Dentro de la carpeta tenemos que crear carpetas correspondientes a cada programa. Dentro de estas estarán los gráficos correspondientes.
Las carpetas de las aplicaciones por defecto en el iPhone son los siguientes:

SMS- «com.apple.MobileSMS»
Calendario- «com.apple.mobilecal»
Fotos- «com.apple.mobileslideshow-Photos»
Cámara- «com.apple.PhotoLibrary»
Youtube- «com.apple.youtube»
Mapas- «com.apple.Maps»
Calculadora- «com.apple.calculator»
Ajustes- «com.apple.Preferences»
App Store- «com.apple.AppStore»
Contactos- «com.apple.MobileAddressBook»
iTunes- «com.apple.MobileStore»
Teléfono- «com.apple.mobilephone»
Mail- «com.apple.mobilemail»
Safari- «com.apple.mobilesafari»
iPod- «com.apple.mobileipod»
Vídeo- «com.apple.MediaPlayer»
Barra desbloqueo- «com.apple.TelephonyUI»
Batería- «com.apple.springboard»

Y para saber el nombre de las imágenes y gráficos de cada apartado tenemos que acceder pos SSH hasta la ruta: /private/var/stash/Applications y dentro de cada aplicación encontraremos el nombre de las imágenes.

Carpeta UImages – Dentro de esta carpeta encontraremos cosas como los teclados.

Widgets – Si tenemos o hemos creado algun widget, como que muestre el tiempo en la pantalla de bloqueo, o algún reloj en el springboard deberemos meterlo aquí.

Una vez tengamos listo nuestro tema, no tenemos mas que subirlo por SSH a la ruta: /Library/Themes y activarlo desde Winterboard.

Podéis descargaros un tema muy completo para tenerlo como ejemplo desde aquí.