Wallpaper

<MiWallpaper frameRate = "1" width = "720" height = "1280" screenWidth = "720">
<Var />
<Image />
<Group />
 ...
</ MiWallpaper>

• width: represents width of wallpaper
• height: represents the height
• Also, if you want to achieve the effect of finger sliding elements follow, need the help of
  1. #wallpaper_offset_pixel_x: the number of pixels offset (0 to -1 * screen width)
  2. #wallpaper_offset_x: Offset percentage (0 to 1.0)
• Relationship between the two: #wallpaper_offset_x * screen width = -1 * #wallpaper_offset_pixel_x
• Slide: In the first screen,

  wallpaper_offset_pixel_x = 0, wallpaper_offset_x = 0; // slid to the last screen  
  wallpaper_offset_pixel_x = -1 * screen width, wallpaper_offset_x = 1.0
  

• To adapt to different resolution models, we recommend using #wallpaper_offset_x.
  • The proposed design approach:
    1. Wallpapers cut into dual wide (screen width refers screenWidth)
    2. Wallpaper Location: x = "- # wallpaper_offset_x * screen width"
    3. The need to follow the sliding element positioning: x = "- # wallpaper_offset_x * screen width + relative position of the wallpaper"

Wallpaper element

Wallpaper set wallpaper element reference system, in addition to not specify the image source and Image elements identical alia, animation and other properties can control. Without this element does not appear wallpaper. There can be multiple. Examples: <Wallpaper />