axure制作iPhone滑动解锁效果的方法
我们为大家收集整理了关于axure制作iPhone滑动解锁效果,以方便大家参考。就跟随本站小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网!
在我们第一次接触iphone时,都曾醉心于iphone手指轻轻一滑世界便在掌握的爽快感受,axure作为一款强大的交互软件,我现在告诉你:这个可以有。你想要自己制作iphone的滑动解锁效果吗,笔者在这里为你提供一个很简单的用axure实现的小技巧,让我们在axure的成长道路上多多交流。
其实完成这一动作只需要满足两个条件:
ne的一张背景图、一个滑动控件图、一个ip的screen的图片
2.设定动态面板完成拖拽时的交互
a.到达指定区域进入screen界面
b.未到达指定区域则控件返回原处
设定好了这些内容,我们就可以生成原型,欣赏自己的'作品吧。好,下面笔者将详细讲解如何来制作这个功能吧。
一.选好三张图片
二.设定两个动态面板
一个动态面板的大小长度和解锁框的大小一致,另外一个可以尽量小一些仅用来判定滑动控件的位置就可以了
放在图中的1,2位置
接下来看1、2号控制面板
在1号动态面板中添加一个大小和控件大小相同的控制面板,命名为“滑动控件”,将控件图片添加进“滑动控件”面板中,接下来对“滑动控件”做相应的交互设计就可以了。
2号控制面板命名为“结束”
在交互动作中添加进这些事件
1.如用例1中:选择移动动态面板→选择“滑动控件”动态面板→移动选择沿X轴移动。就像这样:
2.接下来编辑ondragdrop事件,这个事件中我们要编写两个用例,一个用例是控件滑动到底时,一个用例是控件未滑动到底回到原位置
a.用例1
点击添加条件如下图
添加一个动作:
b.用例2
点击添加条件如下图
添加一个动作
注意:这里的动画调成 缓慢结束 800ms 效果会更好
-
JavaScript数组去重的四种方法
javascript数组去重方法汇总ue1=function(){varn=[];//一个新的临时数组for(vari=0;i<th;i++)//遍历当前数组{//如果当前数组的第i已经保存进了临时数组,那么跳过,//否则把当前项push到临时数组里面if(xOf(this[i])==-1)(this[i]);}returnn;};ue2=function(){var...
-
php程序员的简历模板
日子如同白驹过隙,新一轮的招聘又在朝我们招手,这时一份好的简历可以起到很好的.作用哦。那么如何写简历才简练、明确呢?以下是小编收集整理的php程序员的简历模板,希望能够帮助到大家。基本简历姓名:黄先生国籍:中国现在所在地:广州民族:汉族户口所在地:潮州身材:170cm...
-
针对dom元素的分析应用
如果这个DOM元素没有样式也就谈不上操作了。2.我们也可以直接用JS动态的向html里写入DOM元素。今天这章我们就讲这两个应用(一)对html里现有的DOM元素进行操作。我上面说了,对现有的DOM元素进行操作,无非就是对样式的操作。所以我们首先就要能获取这个DOM元素的样...
-
如何获取PHP数组的键与值呢
array_keys($array);//获取数组(字典)的所有键值,返回一个键值数组。array_values($array)://获取数组的所有value值,饭回一个数组。<?php$json='{"a":1,"b":2,"c":3,"d":4,"e":5}';//注明:value不带双引号时,其值只能是数字。【!!!注意:大括号两边只能是单引号,...
相关文章
- Thinkpad笔记本开机显示Tointerrruptnormalstartup解决方法
- 高中优秀英语作文An Unforgettable Experience
- 中考英语阅读理解答案A report from the United Nations
- 英语作文:An unforgettable experience
- Should Private Cars Be Encouraged in China高中英语作文
- Unit 1 Where is your pen pal from?教学设计
- php安装xdebug/pear/phpunit图文详解
- Win10系统提示Officebackgroundtaskhandler.exe弹窗问题的解决方
- 解决PHP的failed opening required问题的方法
- 托福英语写作范文:Examinations exert a pernicious influence on educat