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

在制作手机软件原型的时候,对于手机软件启动时会加载一些引导页的效果,这个引导页可以做出很多效果,下面小编介绍一下Axure原型工具如何制作滑动引导页效果。

操作方法

  • 01

    首先创建一个空白页面,在工作区域拖入本次要使用的元件元素,最主要的是动态面板,如下图所示。

  • 02

    元件准备完成后,将样式修改好,并将矩形、图片等元件放入到动态面板中,如下图所示。

  • 03

    按上述要求,将动态面板中的state复制出三个,并将这三个state中的内容进行调整,如下图所示。

  • 04

    下面开始对动态面板做属性事件做交互,首先给向左拖动结束时的交互事件进行设置,如下图所示。

  • 05

    然后我们再给向右拖动结束时的交互事件进行设置,如下图所示。

  • 06

    动态面板的交互事件弄好了,下面f5预览一下效果,向左拖动和向右拖动的效果是否实现,如下图所示。

(0)

相关推荐

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

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

  • 怎么在Pr制作视频翻页效果?

    很多用户在观看视频时,常常能在两个视频的交界处看到翻页效果,这种效果将会非常吸引观众,接下来小编就给大家介绍一下怎么在Pr制作视频翻页效果.具体如下:1. 首先第一步打开电脑中的[Pr],将需要编辑的 ...

  • 如何制作PPT翻页效果

    日常生活中我们通常使用PPT制作幻灯片,进行一系列的演讲,会议等等.幻灯片与幻灯片直接一般都会选择一系列的动画进行衔接,这样是内容与内容直接更加具有关联性,看起来也更有秩序. 操作方法 01 新建一个 ...

  • axure RP7.0怎么制作60秒倒计时效果?

    网站会有倒计时功能,3秒跳转到另一个页面,或者发送验证码60秒失效, 1.打开axure软件 2.添加单行文本,输入数字60,命名为time.可以相应调一下字体大小 3.添加动态面板,命名为round ...

  • 怎么利用Axure中的原型工具做出滑动验证效果

    Axure是一款专业的快速原型设计工具,为广大用户所喜欢,然而,仍然有不少用户对于一些操作不太熟悉,他们问道:怎样利用Axure中的原型工具做出滑动验证效果呢?小编今天给大家分享解决这个问题的方法.具 ...

  • edius6怎么制作图片翻页的gif动画?

    edius6中想要制作图片翻转的效果,该怎么制作图片翻页效果呢?下面我们就来看看详细的教程. 1.启动edius6,在va轨道上添加素材,将事先准备好的照片素材导入. 2.执行特效-gpu-单页命令, ...

  • ps如何做翻页效果

    利用photoshop 可以对照片进行很多效果的制作,翻页效果是其中的一个小功能,利用渐变工具调出层次感,利用变形工具,动态的模拟翻页的动作 操作方法 01 打开一张图片,导入Photoshop,文件 ...

  • 电脑AE软件怎么制作引导页

    我们使用AE做出这个效果的话,其实主要是利用蒙版遮罩和变换效果.今天小编就告诉大家电脑AE软件怎么制作引导页.具体如下:1.首先我们需要在手机中打开ae软件,进入界面之后我们将自己的素材导入进入,并新 ...

  • 线性插画引导页制作【做作业】

    小编:今天的作业是一个引导页的练习,展现的形式采用插画.难度为0 ,考验细心.耐心的时候到了. 各位童鞋可以用ai去制作哦! 注意: 1.排版布局: 2.插画制作: 3.色彩协调: 要求:提交的作业在 ...