我来教你Axure做出翻转效果手机引导页的图文操作。

熟悉Axure软件是很简单的,但是大家知道做出翻转效果手机引导页的相关操作吗?今天手机方法网小编就分享做出翻转效果手机引导页的操作方法,一起来看看吧!

Axure做出翻转效果手机引导页的图文操作

Axure做出翻转效果手机引导页的图文操作

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

Axure做出翻转效果手机引导页的图文操作截图

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

Axure做出翻转效果手机引导页的图文操作截图

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

Axure做出翻转效果手机引导页的图文操作截图

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

Axure做出翻转效果手机引导页的图文操作截图

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

Axure做出翻转效果手机引导页的图文操作截图

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

Axure做出翻转效果手机引导页的图文操作截图

Axure做出翻转效果手机引导页的图文操作截图

各位小伙伴们,看完上面的精彩内容,都清楚Axure做出翻转效果手机引导页的图文操作了吧!

本文来自投稿,不代表手机方法网立场,如若转载,请注明出处:https://www.welqi.com/169939.html

(0)
春天春天
上一篇 2024年4月20日 02:00
下一篇 2024年4月20日 02:01

相关推荐

  • 教你Fiddler基本设置使用教程方法。

    本教程主要给各位亲们讲解Fiddler基本设置教程操作步骤,需要了解的亲们可以一起去看看下文Fiddler基本设置教程,希望能够帮助到大家。 Fiddler基本设置使用教程 先准备…

    2024年5月21日
    0360
  • 关于ai设计报纸图标的操作流程。

    有很多朋友还不会使用ai设计报纸图标,所以下面手机方法网小编就讲解了使用ai设计报纸图标的操作过程,来下文看一看吧。 ai设计报纸图标的操作流程 新建一个1280*720,颜色模式…

    2024年4月24日
    0310
  • 今天分享按键精灵中设置自动输入文字的操作教程方法。

    大家知道按键精灵中如何设置自动输入文字吗?下文手机方法网小编就带来了按键精灵中设置自动输入文字的简单使用教程,一起来看看吧! 按键精灵中设置自动输入文字的操作教程 方法一 我们在编…

    2024年6月9日
    0580
  • 分享CorelDraw。

    最近有不少的CorelDraw X4用户们,会询问手机方法网小编怎么创建图纸并绘制表格?今日在这篇文章内手机方法网小编就为你们带来了CorelDrawX4创建图纸并绘制表格的操作教…

    2024年6月9日
    0360
  • 今天分享PS设置画固定大小的选区的简单操作。

    PS一直是深受不少伙伴喜爱的一款图像处理软件,体验操作非常好,那么PS如何设置画固定大小的选区呢?下面跟随手机方法网小编来看一看吧。 PS设置画固定大小的选区的简单操作 打开Pho…

    2024年4月22日
    0410
  • 今天分享CAD2007把圆形等分的操作过程。

    亲们或许不知道CAD2007把圆形等分的操作过程,那么今天手机方法网小编就讲解CAD2007把圆形等分的操作方法哦,希望能够帮助到大家呢。 CAD2007把圆形等分的操作过程 打开…

    2024年4月21日
    0360
  • 小编教你windows。

    今天手机方法网小编讲解windows server 2003怎么安装DNS操作步骤,下文就是关于windows server2003安装DNS的一些操作教程,一起来学习吧! win…

    2024年4月28日
    0340
  • 我来分享Power。

    很多的工作都需要用到Power Designe,那么你们知道如何策划各种UML图吗?下面这篇文章内容就带来了PowerDesigne策划各种UML图的相关操作教程。 Power D…

    2024年6月6日
    0360
  • 小编教你cad统计CAD建筑面积的图文操作。

    想要统计CAD建筑面积,怎操作既方便又准确呢?下面手机方法网小编就为大家带来了cad统计CAD建筑面积的图文操作方法哦。一起来看看吧 cad统计CAD建筑面积的图文操作 1、打开C…

    2024年4月21日
    0330
  • 说说友锋电子相册制作竖排标题的详细操作步骤。

    最近有一些友锋电子相册的新用户们,询问其中是怎么制作竖排标题的?今日在此篇教程中就带来了友锋电子相册制作竖排标题的详细操作步骤。 友锋电子相册制作竖排标题的详细操作步骤 1、在友锋…

    2024年4月30日
    0360