Animation

• All elements supports animated
• movie is divided into: Photo source, location, size, rotation, transparency
• of each animation independently, each loop, the animation consists of several key frames, keyframes including property and time frame, picture outside source animation division, Other movies will find two adjacent keyframes based on the current time, then linear interpolation current property. If the first frame time is not starting from zero, the default time is 0 for the first frame image of the original property, the time in milliseconds. Position animation position coordinates relative to the image itself.

<Image>
  <PositionAnimation>
     <Position x = "10" y = "20" time = "100" />
     <Position x = "100" y = "200" time = "1000" />
  </ PositionAnimation>
</ Image>

<RotationAnimation>
  <Rotation angle = "" time = "" />
  <Rotation angle = "" time = "" />
</ RotationAnimation>

<SizeAnimation>
  <Size w = "" h = "" time = "" />
  <Size w = "" h = "" time = "" />
</ SizeAnimation>

<! - 0-255 ->
<AlphaAnimation>
  <Alpha a = "" time = "" />
  <Alpha a = "" time = "" />
</ AlphaAnimation>

• Examples: animated representation of the position of one second from the left end to the right end of the screen, one second stay, transparency begins transparency animated representation 175, from the extreme left to the extreme right process transparency unchanged after 0.5 seconds to reach the rightmost gradient opaque, then 0.5 seconds becomes transparent to disappear. Then loop.

  <Image x = "0" y = "# screen_height-177" src = "charging_light.png" category = "Charging">
  <PositionAnimation>
     <Position x = "480" y = "0" time = "1000" />
     <Position x = "480" y = "0" time = "2000" />
  </ PositionAnimation>
  <AlphaAnimation>
     <Alpha a = "175" time = "0" />
     <Alpha a = "175" time = "1000" />
     <Alpha a = "255" time = "1500" />
     <Alpha a = "0" time = "2000" />
  </ AlphaAnimation>
  </ Image>
  

• Note: Only the picture support image source animation
• image source animation is slightly different, there is no interpolation, x, y Alternatively, indicate the relative location of the picture, the current picture is found in the list the first time that the current is greater than the specified point

  <SourcesAnimation>
  <Source x = "" y = "" src = "pic1.png" time = "100" />
  <Source x = "" y = "" src = "pic2.png" time = "1000" />
  </ SourcesAnimation>