[发明专利]一种以基于视差原理的组合动画实现用户行为引导的方法

摘要

本发明公开了一种以基于视差原理的组合动画实现用户行为引导的方法，包括以下步骤：S1准备一个组装动画的翻页容器；S2将无限自动循环动画置放在翻页容器的第一页；S3将图片播放展示动画置放在翻页容器的第二页；S4将图片延迟飞入动画置放在翻页容器的第三页；S5将刷图分割对比效果动画置放在翻页容器的第四页；S6翻页到第一页，执行无限自动循环动画；S7翻页第二页，执行图片播放展示动画；S8翻页到第三页，执行图片延迟飞入动画；S9翻页到第四页，执行刷图分割对比效果动画。通过实现四种视差动画，使得整个行为引导过程更紧凑有序，增强了用户对引导的印象，向用户传达更明确的信息，使用户对产品产生情感上的联系，增加产品粘度。

主权项

一种以基于视差原理的组合动画实现用户行为引导的方法，其特征在于：包括以下步骤：S1、准备一个组装动画的翻页容器；S2、将无限自动循环动画置放在翻页容器的第一页；S3、将图片播放展示动画置放在翻页容器的第二页；S4、将图片延迟飞入动画置放在翻页容器的第三页；S5、将刷图分割对比效果动画置放在翻页容器的第四页；S6、翻页到翻页容器的第一页，执行无限自动循环动画：S61、图片容器ImageView1开始向上滚动；S62、图片容器ImageView2跟随图片容器ImageView1一起向上滚动；S63、若图片容器ImageView1完全滚动出第一动画可视区域，则进入下一步，否则继续执行上一步；S64、移动图片容器ImageView1至图片容器ImageView2的底部；S65、图片容器ImageView1跟随图片容器ImageView2一起向上滚动；S66、若图片容器ImageView2完全滚动出第一动画可视区域，则进入下一步，否则继续执行上一步；S67、移动图片容器ImageView2至图片容器ImageView1的底部；S68、执行步骤S63；S7、翻页到翻页容器的第二页，执行图片播放展示动画：S71、第一张图片开始在规定时间进行Scale放大动画，并展示与其对应的文字描述，完成后ImageView3切换至第二张图片；S72、第二张图片开始在规定时间进行Scale缩小动画，并展示与其对应的文字描述，完成后ImageView3切换至第三张图片；S73、第三张图片开始在规定时间进行Scale放大动画，并展示与其对应的文字描述，完成后ImageView3切换至第四张图片；S74、第四张图片开始在规定时间进行Scale缩小动画，并展示与其对应的文字描述；S75、若重新展示播放动画，则重新执行步骤S71‑S74，否则，结束；S8、翻页到翻页容器的第三页，执行图片延迟飞入动画：S81、ImageView4开始飞入到第三动画可视区域内的指定位置，当ImageView4动画执行完毕，等待0.3秒；S82、ImageView5开始飞入到第三动画可视区域内的指定位置，当ImageView5动画执行完毕，等待0.3秒；S83、ImageView6开始飞入到第三动画可视区域内的指定位置，当ImageView6动画执行完毕，结束S9、翻页到翻页容器的第四页，执行刷图分割对比效果动画：S91、将分割容器View的宽度在规定的时间内由0变成640，此时View里的ImageView8完全显示并覆盖ImageView7；S92、再将分割容器View的宽度在规定的时间内由640变成320，此时View里的ImageView8可见范围是一半并显示在左边，ImageView7可见范围也是一半并显示右边。