PDA

Ver la versión completa : .::Partes de un SKIN WALKMAN 2.0::.



Chespico
15/03/2008, 19:59:33
los skins del walkman 2.0 son estables.

no son tan dificiles de diseñar pero tienen su chiste. esto es lo que un skin tiene por dentro:

tres imagenes. una de ellas es animada(gif) (opcional).
esto es para...
al momento de reproducir.
al buscar cancion.
reproduciendo (continuo) (gif)

estas deben ser guardadas con los nombres de:

BrowseView_Background (png)
PlayNow_Background (png)
PlayView_Background (gif(opcional))

Ejemplos:
Playview_Background
http://img99.imageshack.us/img99/4629/playviewbackgrounduk1.gif
Browseview_background

Playnow_background


ahora bien. cuando cierras el telefono si es flip o cuando sales del reproductor pero mantienes la musica hay iconos que representan el status de que estas usando el reproductor
estos son 4 pequeños muy pequeños iconos, con los siguientes nombres...
Play_Icon
FF_Icon
Rewind_Icon
Stop_Icon
todos en png y con una resolucion NO MAYOR A 20 x 20 pixeles.
un ejemplo del play icon es este codigo que se ingresa con alt y 16 : ►

y por ultimo los dos archivos de ejecucion, es decir, los que hacen que el tema funcione.
estan en formato XML y se llaman:
SKIN
default_upgrade
son muy pero muy necesarios.

SKIN
contiene esto dentro


<?xml version="1.0" encoding="UTF-8"?>
<!--
XML Coder, Oct 5 2005, 10:31:28, (C) 2005 Sony Ericsson Mobile Communications AB
-->
<!--
Sony Ericsson Mobile Communications AB, Mediaplayer Skin
-->
<semc_mediaplayer_skin>

<skin_info>
<version>1.0</version>
<name>dance</name>
<comment>Reference theme for this version. Edit Skulltequila.</comment>
</skin_info>

<skin_colors>

<!-- Skin colors
colorref is 32 bit alfa and rgb value. The mostsignificant 8 bits are alfa chanel
where 0 is fully transparent and 255 is opaque. The following 8 bit chuncks are rgb
values. 0xFF0000FF is opaque blue and 0x80FF0000 is half transparent red.-->
<!-- Browser -->
<color id="browser.foreground" colorref="0xFFFFFFFF"/>
<color id="browser.background" colorref="0xFFFFFFFF"/>
<color id="browser.disabled" colorref="0xFFFFFFFF"/>
<color id="browser.highlight.foreground" colorref="0xFFFF7800"/>
<color id="browser.highlight.background" colorref="0x00000000"/>
<color id="browser.highlight.disabled" colorref="0xFFFFFFFF"/>

<!-- Audio -->
<color id="audio.artist" colorref="0xFFFFFFFF"/>
<color id="audio.title" colorref="0xFFFFFFFF"/>
<color id="audio.album" colorref="0xFFFFFFFF"/>
<color id="audio.time" colorref="0xFFFFFFFF"/>
<color id="audio.songnumber" colorref="0xFFFFFFFF"/>
<color id="audio.mode" colorref="0xFFFFFFFF"/>
<color id="audio.progress.background" colorref="0xFFFFFFFF"/>
<color id="audio.progress.fill" colorref="0xFF080808"/>
<color id="audio.progress.buffert" colorref="0xFFFFFFFF"/>
<color id="audio.playlist.item" colorref="0xFFFFFFFF"/>
<color id="audio.playlist.playing" colorref="0xFF50c90d"/>
<color id="audio.playlist.highlight" colorref="0xFFFF7800"/>

</skin_colors>

<skin_images>

<!-- Skin images
path is optional and relative (path="/images")-->
<!-- Browser -->
<image id="browser.background" filename="BrowseView_Background.png"/>

<!-- Audio -->
<image id="audio.background" filename="PlayView_Background.gif"/>
<image id="audio.list.background" filename="PlayNow_Background.png"/>
<image id="audio.state.play" filename="Play_Icon.png"/>
<image id="audio.state.stop" filename="Stop_Icon.png"/>
<image id="audio.state.ff" filename="FF_Icon.png"/>
<image id="audio.state.rew" filename="Rewind_Icon.png"/>

</skin_images>

</semc_mediaplayer_skin>


como veran no es gran cosa solo un poco de html
y el de upgrade contiene lo siguiente:



<?xml version="1.0" encoding="UTF-8"?>
<customization>
<file-operations>
<file-op parse-mask="fa" op="move" source="tpa/user/other/BrowseView_Background.png" dest="tpa/system/multimedia/mp/skin/Sunline/BrowseView_Background.png" />
<file-op parse-mask="fa" op="move" source="tpa/user/other/FF_Icon.png" dest="tpa/system/multimedia/mp/skin/Sunline/FF_Icon.png" />
<file-op parse-mask="fa" op="move" source="tpa/user/other/Play_Icon.png" dest="tpa/system/multimedia/mp/skin/Sunline/Play_Icon.png" />
<file-op parse-mask="fa" op="move" source="tpa/user/other/PlayNow_Background.png" dest="tpa/system/multimedia/mp/skin/Sunline/PlayNow_Background.png" />
<file-op parse-mask="fa" op="move" source="tpa/user/other/PlayView_Background.png" dest="tpa/system/multimedia/mp/skin/Sunline/PlayView_Background.png" />
<file-op parse-mask="fa" op="move" source="tpa/user/other/Rewind_Icon.png" dest="tpa/system/multimedia/mp/skin/Sunline/Rewind_Icon.png" />
<file-op parse-mask="fa" op="move" source="tpa/user/other/SKIN.XML" dest="tpa/system/multimedia/mp/skin/Sunline/SKIN.XML" />
<file-op parse-mask="fa" op="move" source="tpa/user/other/Stop_Icon.png" dest="tpa/system/multimedia/mp/skin/Sunline/Stop_Icon.png" />
<file-op parse-mask="fa" op="delete" dest="tpa/user/other/default_upgrade.xml" />
</file-operations>
</customization>

como pueden ver, les da la ruta de donde se encuentran los datos. asi que omito las rutas...
jeje pero de seguro alguno dijo ahorita :"no wey si ponlas"
asi que esta es la ruta
tpa/system/multimedia/mp
-------------------

bueno ya teniendo sus imagenes de la resolucion adecuada, los demas iconos de reproduccion y sus dos archivos en xml ya solo es cuestion de ingresarlo con el metodo que mas les acomode...
(aqui que alguien me ayude no se como se guardan estos archivos, con que nombre debe ser o que onda no se si es skin.zip o algo asi)

asi que bueno, como veran no es tan dificil. ahora solo hay que ver como es nuestro reproductor y comenzar a diseñar.
en unos dias les agrego un tutorial de diseño basico para que comienzen a hacer sus skins y tambien por su puesto pueden pedir algunos

----

para peticiones:
modelo
resolucion
tema

o ponen esos datos o se olvidan de su peticion.

saludos ojala les haya servido.