MAML在百变壁纸中的应用

百变壁纸在主题包的miwallpaper目录下,描述文件也是manifest.xml。根节点表示与百变锁屏基本一致:

1
2
3
4
5
6
<MiWallpaper frameRate="1" width="720" height="1280" screenWidth="720">
     <Var/>
     <Image/>
     <Group/>
      …
</MiWallpaper>
width 表示百变壁纸的宽度。
height 表示高度
wallpaper_offset_pixel_x 偏移的像素数 (0 ~ -1*屏宽)
wallpaper_offset_x 偏移百分比 (0 ~ 1.0)

要实现元素跟随手指滑动的效果,需要借助#wallpaper_offset_pixel_x,#wallpaper_offset_x 二者关系:#wallpaper_offset_x * 屏宽 = -1*#wallpaper_offset_pixel_x
滑动时: 在第一屏,wallpaper_offset_pixel_x = 0, wallpaper_offset_x = 0; 滑到最后一屏,wallpaper_offset_pixel_x = -1*屏宽,wallpaper_offset_x = 1.0

为了适配不同分辨率机型,建议使用#wallpaper_offset_x。建议的设计方式:

  1. 壁纸切成双屏宽 (屏宽指的是screenWidth)
  2. 壁纸定位:x=”-#wallpaper_offset_x * 屏宽”
  3. 需要跟随滑动的元素定位:x=”-#wallpaper_offset_x * 屏宽 + 相对壁纸的位置”
©2015-2016 zhutidasai.com. 版权所有 京ICP备16041368号-3