2012-05-22

1.
1.1 (pix)

800x128050

720x128050

640x96048

540x960: 38

48080038

48085438

phone40

32048025

24032019

24040019

1.2
<!-- -->>
<?xml version="1.0" encoding="UTF-8"?><!--xm l U T F-8-->
<Theme Name="SKIN" Author="TTPod" Ver="3.0" ID="SAD0133" EMail=support@ttpod.com LoaderVer=1 Background="/background.jpg" >
<!-------------- - ID --- ----- -----(3.0)-------- --->
---backround.jpg ; #ffffff ( 3.0
< View ID=Player Background="/background.jpg" >
<!----->

<Panel ID="Common" ><!-->

.. <!---->
</Panel><!- ->
<Panel ID="Main" ><!-->
.. <!---->
</Panel><!- ->
<Panel ID="Visual" ><!--->
..<!---->
</Panel><!- ->
<Panel ID="Lyric" ><!--->
.. <!---->
</Panel><!- ->
</View><!-->
<View ID="List" Background="/background.jpg" ><!3.0-->
</View><!-->
</Theme><!- ->

1.3 XML

X M L
skin.xm lskinSm all.xm lskinBig.xm lskinH uge.xm l

skin480x800.xm l 480x800

G alaxy N exus: 720x1184

2.
2.1 3.0
2.1.1

Background=/1.jpg|1,1
| 1,1

1 (&MOTO )

2.1.2

Background=#FFFFFF

Background=#000000,#FFFFFF

Background=#FF0000,#FF0001,.#FF00002

Background=#000000,#FFFFFF|2 |

2.1.3
|

2.1.4
FF 00 33=80%
10 0 255 16

BackgroundColor="#33000000"

2.2
001<Panel>

002<Text>

003<Icon>

004<Button>

005<Slide>

006<LyricShow>

007<Analyzer>

008<Image>

009<Animation>

010<Event> 3.0

2.3
001<Panel>
//Common

//Main

//Visual

//Lyric

<Panel> ID
<Panel> ID Panel

002<Text>
//ScrollInfo
//Title

//Artist

//Album

//Lapse

//Duration

//ArtistTitle -

//TitleArtist -

//Genre

//Text 3.0

//BitRate 3.0 //SampleRate 3.0 // FontStyle="1"

<Text ID=" Artist" Position="10 20 460 24" FontColor="#353535" FontSize="24" Align="Left" FontShadowDx="0" FontShadowDy="0"
FontShadowColor="#ffffff" FontShadowRadius="1" FontStyle="1" ZOrder="4" />
// ID="Artist" ,,,,,,
//Position="10 20 460 24" 10 20 460 24
//FontColor="#353535"
//FontSize="24" 24
//FontColor="#353535"
FontStyle="1" 1

//Align="Left" Right Center

//ZOrder="3" 0
Zorder
// TextContent=""
//FontShadowDx="0"

dx dy

//FontShadowDy="0"

dx dy

//FontShadowColor="#ffffff" color
//FontShadowRadius="1"

radius 0-1

003<Icon>
//RepeatIcon 4

//SleepIcon 2
//MainIconButton 2
//VisualIcon 2
//LyricIcon 2
//aabbcc aabbcc Topbkg
//EQ EQ 3.0
//Info 3.0
// VolumeIcon 2 3.0

ID
<Icon ID="RepeatIcon" Position="125 768 65 54" Icon="/RepeatIcon.png" StateNum="4" PressedBkgIcon="/Pressed.png"
ZOrder="3" />
//ID="RepeatIcon"
//Position="125 768 65 54" 125 768 65 54
//Icon="/RepeatIcon.png" RepeatIcon.png
//StateNum="4" 4
//PressedBkgIcon="/Pressed.png" Pressed.png

<Icon ID="TopBkg" Position="0 0 480 140" Icon="/topbkg.png" />

//ID="TopBkg" ID

004<Button>
// PlayButton

// PauseButton

// PrevSongButton

// NextSongButton

//MenuButton

//ListButton

//PlayerButton" 3.0

//ScaleType

Icon

<Button ID="MenuButton" Position="0 756 95 60" NormalIcon="/menu.png" PressedIcon="/menu_pressed.png"

PressedBkgIcon="/Pressed.png" />
//ID="MenuButton"
//NormalIcon="/menu.png" menu.png
//PressedIcon="/menu_pressed.png " menu_pressed.png
//PressedBkgIcon="/Pressed.png" Pressed.png
//ScaleType="4" icon
Icon
0

005<Slide>
//Guage
//Volume

<Slide ID="Volume" Position="35 575 410 28"

KnobIcon="/KnobIcon.png" PressedKnobIcon="/KnobIcon_Pressed.png"

SlideIcon="/SlideIcon.png" SlideBg=/Slidebg.png SlideSecondaryIcon=/SlideSecondaryIcon.png

Style="Horizontal" Visable="1" />
//ID="Volume"
//KnobIcon="/KnobIcon.png" KnobIcon.png
// PressedKnobIcon="/KnobIcon_Pressed.png" KnobIcon_Pressed.png3.0
//SlideIcon="/SlideIcon.png" SlideIcon.png
//SlideBg="/SlideBg.png" Slidebg.png
// SlideSecondaryIcon="/SlideSecondaryIcon.png" SlideSecondaryIco.png.3.0
//Style="Horizontal" Style="Vertical"
//Visable="1"

3.0

006<LyricShow>
//lyricShow

<LyricShow ID="LyricShow" Position="10 120 460 440" FontSize="15" FontColor="#FFFFFF" FontColorSelected="#00ff00"/>

//ID="LyricShow"
//FontSize="15" 15
//FontColor="#FFFFFF"
//FontColorSelected="#00ff00"

007<Analyzer>
//Visualization

<Analyzer ID="Visualization" Position="20 140 440 370" BarColorTop="#67df67" BarColorBot="#67df67" BarColorFade="#67df67"

BarNum="132" />
//ID="Visualization"
//BarColorTop="#67df67" #67df67
//BarColorBot="#67df67" #67df67
//BarColorFade="#67df67" #67df67
//BarNum="132" 132

<Analyzer ID="Visualization" Position="20 140 440 370" LineIcon="xxx.jpg" DotIcon="xxx.jpg" LineWidth="50dp" DotHeight="5dp"
ReflectionMaskStartColor="#FFFFFF" ReflectionMaskEndColor="#FFFFFF" DivideHeight="1dp" ReflectionHeight="1dp"
BarNum="132" />
//LineIcon="/xxx.jpg"
//DotIcon="/xxx.jpg"
//LineWidth="50dp"
//DotHeight="5dp"
//ReflectionMaskStartColor="#FFFFFF"
//ReflectionMaskEndColor="#FFFFFF"
//DivideHeight="1dp"
//ReflectionHeight="1dp"

008<Image>
//AlbumCover

<Image ID="AlbumCover" Position="115 175 250 250" DefaultImage="/Cover.png" ReflectionMaskStartColor="#FFFFFF"

DivideHeight="1dp" ReflectionHeight="1dp" SwitchAnimation="1" />
//ID="AlbumCover"
//DefaultImage="/Cover.png" Cover.png
//ReflectionMaskStartColor="#FFFFFF"
//ReflectionMaskEndColor="#FFFFFF"
//DivideHeight="1dp"
//ReflectionHeight="1dp"
//SwitchAnimation="1" 1 / 2 / -

009<Animation>
//aabbcc

<Animation ID="aabbcc" Position="310 140 62 62" Icon="/NetSearch.png" FrameNum="8" FrameRate="10" StaticIcon="/xx.jpg"

Repeat="true" />

//ID="aabbcc"
//Fram eR ate= "10"
//StaticIcon="/xx.jpg"
// Repeat="true"

009<Event>(3.0 )
009).1
<Panel>
Panel <Panel><Panel>
//OnPlay
//OnPause
//OnMetaChange
//OnPlayModeChange
//OnPlayStateChange
//OnPanelShow Panel
//OnPanelDisappear Panel

<Event ID="OnPlay">
<Motion Component="LyricShow" Motion="move(50%,100%,500)"/>
</Event>
//<Event>
//</Event>
//ID=OnPlay ID ID

//<Motion> ()
// Component =LyricShow ID<Panel> Motion
| Component=LyricShow|PlayButton|PauseButton
// Motion =move(50%,100%,500) ;
| move(5,2,200);hide() 5,2 move(5,2,200)|animation(6,200);hide()
5,2 6

ID offsetY, offsetX
<Event ID = "O nPlay">
<Motion Component="More|PlayButton|PauseButton|PrevSongButton|NextSongButton "
Motion="offset(0,-100,500);wait();offset(0,60dp,300) "/>
</Event>

ID = "O nPlay"
// Motion="offset(0,-100,500)"
More|PlayButton|PauseButton|PrevSongButton|NextSongButton
X 0Y -100
500
// wait()
//offset(0,100,300)
More|PlayButton|PauseButton|PrevSongButton|NextSongButton
X 0Y +100 300

009).2
OnClick=EventId

<Icon ID="More" Position="10dp 100% 55dp 57dp" Icon="/More.png" OnClick=" MyEvent" />
<Event ID=MyEvent />
<Motion />

</Event>
//ID="More" ID="More" Icon
//ID=MyEvent MyEvent ID MyEvent

//move(x,y,duration) duration x,y dp,,%

//animation(num,duration) num duration
//show()/show(x,y) x,y
//hide()
//enable()
//disable()
//wait()
//wait(duration) duration

//sleep(duration) duration
//alphaAnimation(from,to,duration,delay) delay from to alpha duration
//scaleAnimation(xfrom,xto,yfrom,yto,xp,yp,duration,delay) delay x xfrom xtoy yfrom yto
xp,yp duration xfrom,xto,yfrom,yto,xp,yp 0-1
//rotateAnimation(dfrom,dto,xp,yp,duration,delay) delay dfrom dto
xp,yp duration dfrom,dto xp,yp 0-1

3.
3.1
Position dp % 1dp,100%
dp
1dp 480*320 800*480
% n
x 20% x 20%
px

<Icon ID="MainIcon" Position="147dp 100% 25dp 41". />

3.2
3.3.1 PositionAnchor
PositionAnchor
Left, Right, Bottom, Top, Center, CenterHorizontal, CenerVertical

PositionAnchor=Left|Top

PositionAnchor=Bottom|CenterHorizontal

3.3.2 Margin
Margin Positon
Margin=

Positon=100 100 200 200 Padding=5 6 20 5 105 106 175 189

3.3.3 Padding
Padding
Padding=

<Slide ID="Guage" Position="0 0 480 200" Padding="10 10 10 10" Background="/top.png" SlideBackground="/seekbar.png"

SlideIcon="/seekbar_fill.png" KnobIcon="/KnobIcon.png" Style="Horizontal" />
Background="/top.png""0 0 480 200""10 10 460 180"

3.3 -3.0

_mdpi_ldpi_hdpi_xhdpi
skin.xml

<Icon ID="SleepIcon" Position="50 100 68 68" Margin="0 8 5 0" Icon="/SleepIcon.png" StateNum="2" />
//Icon="/SleepIcon.png" _mdpi_ldpi_hdpi_xhdpi SleepIcon.png