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

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

1、首先创建所需要的元器件：（括号里注明元器件的坐标与大小）

元器件取名如下：

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)

其实对括号里的属性是不强制规定的，但刚开始，建议可以先跟以上数据进行设置。

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

3、选择“内容”动动态面板，设置以下交互事件，拖动动态面板时  ，添加交互事件如图所示：

注意，是选中“内容”面板 ，   拖动的是“拖动面板”面板

4、再次选择“内容”动动态面板，设置以下交互事件。束拖放动态面板时，添加交互事件如图所示：

5、再次选择“内容”动动态面板，设置以下交互事件。结束拖放动态面板时，添加交互事件如图所示：

6、保存运行看下效果吧

赞 (0)

相关推荐

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

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

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

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

  • AxureRP怎么制作草图/页面效果? Axure页面草图设置方法

    Axure中想要制作网页的页面效果,该怎么制作页面效果呢?下面我们就来看看详细的教程. 1.打开Axure RP 8,新建一个矩形元件. 2.在右侧界面中选择“样式”中的“草图/页面效果”,可以选择想 ...

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

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

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

  • ppt文字怎么飞入飞出（ppt字飞出来的效果怎么做）

    ppt文字怎么飞入飞出（ppt字飞出来的效果怎么做）

    今天我们主要来学习PPT中动画中飞入和飞出的动画效果那学习这个动画文字效果前,首先我们来讲下飞入的动画效果,如下图所示,我们插入一个图形形状,我们给他插入一个飞入的动画效果:大家需要注意的是此时的效果 ...

  • 霓虹灯效果制作（ppt霓虹灯灯效果怎么做）

    霓虹灯效果制作（ppt霓虹灯灯效果怎么做）

    不知道大家有没有见过这张图?这张图是苹果之前开开发者大会时候的一张海报,不仅如此,为了能够保持与主视觉保持一致,他们的PPT的设计整体上都采用了这样的风格:使用霓虹灯不仅能在视觉上保持风格的一致,还让 ...

  • ps立体效果怎么做（ps中的3d工具怎么用）

    ps立体效果怎么做（ps中的3d工具怎么用）

    一般呢,我们做3D效果用的到是CAD,C4D,AI等这些三维软件制作的,现在呢,一些平面软件,比如PS也开始有了3D的功能,照样可以做,但是仅限高版本的PS.第一步,先新建一个900*500的文件大小 ...

  • axure中如何设置鼠标按下时矩形变色效果制作

    axure中如何设置鼠标按下时矩形变色效果制作 操作方法 01 在元件库中选择一个框建立在右侧工作区中 02 然后点击这个框,右键选择里面的交互样式属性 03 在打开的样式属性中,有一个鼠标按下的选项 ...

  • css3外发光效果怎么做

    现在html5和css3已经和多网站在用了,下面小编就来介绍一下css3外发光效果怎么做,一起来了解一下吧. 操作方法 01 首先来讲一下css3发光效果分为两种,一种是元素外发光,一种是文字外发光, ...