文档管理中心
我的

步数换景

动效概述

通过全局变量#steps_value控制图片的变化。例如当步数达到一定数值时,背景图更改。

可在主题App中搜索《遇见博物》进行体验和参考。

素材准备

(素材来源于《遇见博物》,可在主题App下载同款主题)

效果和脚本展示

收起
自动换行
深色代码主题
复制
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Lockscreen version="1" frameRate="60" displayDesktop="false" screenWidth="1080" >
  3. <!--背景图随着步数的改变而移动,4883是图片的宽度-->
  4. <Image src="bg.jpg" x="0-#steps_value" visibility="gt(-#steps_value,-4883+#screen_width)"/>
  5. <Image src="bg.jpg" x="-4883+#screen_width" y="0" visibility="le(-#steps_value,-4883+#screen_width)"/>
  6. <!--显示步数-->
  7. <Image src="step_picture.png" x="50" y="#screen_height*0.933" />
  8. <Text x="130" y="#screen_height*0.93" format="目前步数是: %d" paras="#steps_value" size="50" color="#fdfdfd"/>
  9. <!--解锁-->
  10. <Button x="0" y="0" w="#screen_width" h="#screen_height">
  11. <Trigger action="double">
  12. <ExternCommand command="unlock"/>
  13. </Trigger>
  14. </Button>
  15. </Lockscreen>