我来分享Axure设计滑动引导页效果原型的操作教程 我来分享汽车知识

相信很多朋友都遇到过以下问题,就是Axure设计滑动引导页效果原型的操作教程。针对这个问题,今天手机之家小编就搜集了网上的相关信息,给大家做个Axure设计滑动引导页效果原型的操作教程的解答。希望看完这个教程之后能够解决大家Axure设计滑动引导页效果原型的操作教程的相关问题。

很多小伙伴使用Axure却还不会设置Axure设计滑动引导页效果原型,所以下面呢,小编就分享了Axure设计滑动引导页效果原型的操作教程,一起去看看吧,相信对大家会有帮助。

Axure设计滑动引导页效果原型的操作教程

Axure设计滑动引导页效果原型的操作教程

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

Axure设计滑动引导页效果原型的操作教程截图

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

Axure设计滑动引导页效果原型的操作教程截图

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

Axure设计滑动引导页效果原型的操作教程截图

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

Axure设计滑动引导页效果原型的操作教程截图

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

Axure设计滑动引导页效果原型的操作教程截图

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

Axure设计滑动引导页效果原型的操作教程截图

Axure设计滑动引导页效果原型的操作教程截图

上文就讲解了Axure设计滑动引导页效果原型的操作流程,希望有需要的朋友都来学习哦。