Axure制作滑动引导页效果实操教程

1、首先创建一个空白页面，在工作区域拖入本次要使用的元件元素，最主要的是动态面板，如下图所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

2、元件准备完成后，将样式修改好，并将矩形、图片等元件放入到动态面板中，如下图所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

3、按上述要求，将动态面板中的state复制出三个，并将这三个state中的内容进行调整，如下图所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

4、下面开始对动态面板做属性事件做交互，首先给向左拖动结束时的交互事件进行设置，如下图所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

5、然后我们再给向右拖动结束时的交互事件进行设置，如下图所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

6、动态面板的交互事件弄好了，下面f5预览一下效果，向左拖动和向右拖动的效果是否实现，如下图所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html

以上就是Axure制作滑动引导页效果的教程，希望大家喜欢，请继续关注菜鸟学院。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/8488.html