用过junstinmind的朋友都知道,Justinmind的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的高保真原型。不用进行编辑,就可以在原型上定义简单连接。
那么今天我们就来做一下,引导页界面的图片滑动的动作。
首先,我们先建立一个新的原型(我用的是iPhone6)。
然后,在元件选择动态面板,放在原型图上。
接着,将你所需要的图片放在你想要的位置,选取三张图点击右键,选择组合。
将刚刚组合的图片放进一开始的动态面板里。
接下来就是添加事件,点击元件目录-添加事件。
选择向左滑动时,选择移动-左侧:偏移,-375;减缓:linear,500。
添加动作,设定值-变量选择“+”。取名,默认值:0。
添加条件,数值:bianliang2<2。
选择设定值,点击计算,数据:bianliang2+1。这样一面就设置完成了,接下来就换一面。
这是右面的数据,向右滑动时点击移动,左侧:偏移,375;减缓:linear 500。设定值:取名,0。添加条件:bianliang1>0,点击设定值,计算bianliang1-1。