熟悉Axure软件是很简单的,但是大家知道做出翻转效果手机引导页的相关操作吗?今天小编就分享做出翻转效果手机引导页的操作方法,一起来看看吧!
Axure做出翻转效果手机引导页的图文操作
![Axure做出翻转效果手机引导页的图文操作](https://img3.downza.cn/xueyuan/201902/81feaa2325b67c56257340b82ec1d8bc.jpg)
1、首先创建一个空白的页面,在工作区域拖入要使用的元件元素,如下图所示,主要是动态面板。
![Axure做出翻转效果手机引导页的图文操作截图](https://img3.downza.cn/xueyuan/201902/e6afd324dc7b94728cb1dc5ca438990a.jpg)
2、对页面中的元件进行样式的调整,并将其放入到准备好的动态面板中,如下图所示。
![Axure做出翻转效果手机引导页的图文操作截图](https://img3.downza.cn/xueyuan/201902/465d46f278043ea89ee0aa9d48cacfc4.jpg)
3、同样的方式,复制四个state页面,并对每一个页面中的样式进行调整,如下图所示。
![Axure做出翻转效果手机引导页的图文操作截图](https://img3.downza.cn/xueyuan/201902/824339613a6b8f758baa2a08e857cb91.jpg)
4、下面开始对动态面板的交互事件进行设置,首先是向左拖动结束时,这里需要注意的是,与滑动效果不同,在动画中要选择向左翻转的效果,如下图所示。
![Axure做出翻转效果手机引导页的图文操作截图](https://img3.downza.cn/xueyuan/201902/eaa081fc2457fd3a611163013d72bbb7.jpg)
5、同样的方式,我们对向右拖动结束时的交互事件进行设置,如下图所示。
![Axure做出翻转效果手机引导页的图文操作截图](https://img3.downza.cn/xueyuan/201902/fedb4462444b9213953c570749209148.jpg)
6、好了,F5预览一下效果,拖动页面,此时效果是翻转的效果,如下图所示。
![Axure做出翻转效果手机引导页的图文操作截图](https://img3.downza.cn/xueyuan/201902/9d98e11fc33b7f7905041587ac354436.jpg)
![Axure做出翻转效果手机引导页的图文操作截图](https://img3.downza.cn/xueyuan/201902/f67f2789b86e4089cf13de14898197ac.jpg)
各位小伙伴们,看完上面的精彩内容,都清楚Axure做出翻转效果手机引导页的图文操作了吧!