第三步描述:点击获取验证码按钮,出现确认手机号弹窗,点击弹窗取消隐藏弹窗,点击好,跳转到拼图页面;
第三步操作:选中确认手机号弹窗的取消,新建交互,单击时隐藏确认手机号弹窗。
选中确认手机号弹窗的好,新建交互,单击时打开链接到拼图页面。
四、第二个页面 拼图页面1. 页面概述
在此页面进行拼图操作,拖动按钮时进行横向移动操作。
2. 交互概述
拖动蓝色按钮,按钮和小拼图一起横向移动,移动到阴影处成功,可以有十个坐标的误差。
3. 需要绘制的页面
4. 交互讲解
第一步描述:将按钮和小拼图都转换成动态面板,因为动态面板有拖动和拖动结束的交互;
第一步操作:选中小拼图,右键单击,下方有转换为动态面板;选中按钮,右键单击,下方有转换为动态面板。
第二步描述:拖动按钮时,设置按钮和拼图两个面板随着拖动而横向移动,移动必须在一定的区域范围内,区域范围是按钮整体在大图的横向坐标以内。
区域范围的计算:从图中看出区域范围的开始位置是默认位置,是按钮左边的x坐标值,区域范围的结尾位置是按钮右边和大图右边的x坐标一样的位置。
已知按钮左边x坐标值是X,大图左边坐标值是Y,大图宽度是S,那么区域范围开始位置是X,区域范围结尾是大图左边x坐标值加图片的宽度,是Y S,区域范围是X~Y S。