欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure怎么制作翻转效果的手机引导页?

程序员文章站 2023-08-14 13:42:14
Axure怎么制作翻转效果的手机引导页?...

引导页的样式有很多,今天我们就来看看使用axure制作翻转效果引导页的教程。

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

Axure怎么制作翻转效果的手机引导页?

2、对页面中的元件进行样式的调整,并将其放入到准备好的动态面板中,如下图所示。

Axure怎么制作翻转效果的手机引导页?

3、同样的方式,复制四个state页面,并对每一个页面中的样式进行调整,如下图所示。

Axure怎么制作翻转效果的手机引导页?

4、下面开始对动态面板的交互事件进行设置,首先是向左拖动结束时,这里需要注意的是,与滑动效果不同,在动画中要选择向左翻转的效果,如下图所示。

Axure怎么制作翻转效果的手机引导页? 

5、同样的方式,我们对向右拖动结束时的交互事件进行设置,如下图所示。

Axure怎么制作翻转效果的手机引导页?

6、好了,f5预览一下效果,拖动页面,此时效果是翻转的效果,如下图所示。

Axure怎么制作翻转效果的手机引导页?

Axure怎么制作翻转效果的手机引导页?

以上就是axure制作翻转效果的手机引导页的教程,希望大家喜欢,请继续关注。

相关标签: Axure 引导页