axure怎么做手机触摸屏幕滑动效果

单是简单的滑动效果很简单,但要做到逼真的效果,还是要注意一些细节,比如滑动时超过了临界点该做怎么样的交互等。现在教大家怎么弄,教程后面会放上需注意的细节总结

操作方法

  • 01

    首先创建所需要的元器件:(括号里注明元器件的坐标与大小) 元器件取名如下: 1.头部菜单  (矩形          x:0    y:0    w:260   h:35) 2.内容(动态面板   x:0    y:39   w:278   h:369) 3.底部菜单   (矩形         x:0    y:370  w:260  h:35) 其实对括号里的属性是不强制规定的,但刚开始,建议可以先跟以上数据进行设置。

  • 02

    在第一步的“内容”动态面板中再一个动态面板 1.拖动面板     (动态面板  x:0   y:0  w:260   y:673) 在拖动面板中放入你要显示的屏幕内容,这个随便放几张图片就好。懒得画图,这里我就放几个矩形了

  • 03

    选择“内容”动动态面板,设置以下交互事件 1.拖动动态面板时  ,添加交互事件如图所示: 注意,是选中“内容”面板 ,   拖动的是“拖动面板”面板

  • 04

    再次选择“内容”动动态面板,设置以下交互事件 1.结束拖放动态面板时,添加交互事件如图所示:

  • 05

    再次选择“内容”动动态面板,设置以下交互事件 1.结束拖放动态面板时,添加交互事件如图所示:

  • 06

    完成 保存运行看下效果吧

(0)

相关推荐

  • axure怎么做滑动效果? axure做手机触摸屏幕滑动效果的方法

    单是简单的滑动效果很简单,但要做到逼真的效果,还是要注意一些细节,比如滑动时超过了临界点该做怎么样的交互等.现在教大家怎么弄,教程后面会放上需注意的细节总结 1.首先创建所需要的元器件:(括号里注明元 ...

  • Axure 8.0中怎么制作手机上下滑动效果?

    利用Axure 8.0 制作手机上下滑动效果 1.打开Axure 8.0,在网上找一个手机外壳的图片,然后添加大小和手机屏幕相等的动态面板,命名为“屏幕” 2.然后双击State1,添加一个矩形,宽度 ...

  • Axure RP 7.0 教程手机左右滑动效果

    平时使用手机时经常会用到左.右滑动页面的交互效果.下面介绍它交互的实现过程 操作方法 01 步骤1:准备一个系统菜单导航图片,导入一个系统菜单导航栏图片 02 步骤2:从部件库中拖拽矩形到线框图编辑区 ...

  • Axure原型工具如何制作滑动引导页效果

    在制作手机软件原型的时候,对于手机软件启动时会加载一些引导页的效果,这个引导页可以做出很多效果,下面小编介绍一下Axure原型工具如何制作滑动引导页效果. 操作方法 01 首先创建一个空白页面,在工作 ...

  • 在axure软件中如何制作滑动解锁效果

    今天给大家介绍一下在axure软件中如何制作滑动解锁效果的具体操作步骤.1. 首先打开电脑上的axure软件,然后选择元件库中的"矩形"元件并拖入到画布中.然后对矩形的位置进行设置 ...

  • 如何设置手机桌面滑动切换效果

    手机是现在十分常用的工具之一,有些新用户不知道如何设置手机桌面滑动切换效果,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先解锁手机进入桌面,接着长按空白页,然后根据下图箭头所指 ...

  • axure中做流程图如果做出箭头效果

    楼主在使用中发现很多同学和楼主一样都在搜:axure中做流程图如果做出箭头效果,楼主摸索了下,按照如下方式即可做到: 操作方法 01 第一步:将元件库选中为流程图 02 第二步:在元件库中将选中原件拖 ...

  • 会声会影如何制作分割滑动效果电子相册

    操作步骤: 一.照片分割效果 图一:照片分割效果1 图二:照片分割效果2 照片分割,就是一张照片分开运动,最后仍旧合成一个完整体. 1.拖动一个黑色色块,到覆叠轨1,调整到屏幕大小; 2.将照片素材导 ...

  • axure怎么制作弹出框效果?

    网上看的一些axure弹出框教程不是很详细,照着做也 做不出来弹窗效果.所以自己做了一个新手可以看懂的最基础的弹出并关闭窗口的教学. AXURE弹出框 弹出的步骤 1.新建一个动态面板 2.双击动摇面 ...