我来教你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

相关推荐

  • 教你excel2016设置打印区域的方法。

    最近手机方法网小编收到很多问题,其中一个就是下面手机方法网小编为大家整理一下关于excel2016设置打印区域的方法,希望这些方法能够帮助到大家。 excel2016设置打印区域的…

    2024年6月15日
    020
  • 小编分享ppt设置演讲时看不见自己备注信息的具体操作方法。

    今天手机方法网小编讲解了在ppt设置演讲时看不见自己备注信息步骤,下文就是关于在ppt设置演讲时看不见自己备注信息的教程,一起来学习吧。 ppt设置演讲时看不见自己备注信息的具体操…

    2024年4月24日
    020
  • 我来教你Excel随机点名表制作方法。

    Excel是大家日常使用最多的办公软件之一,那么随机点名表该如何制作呢?这里手机方法网小编就分享一下Excel随机点名表制作方法,希望可以帮助到有需要的朋友。 Excel随机点名表…

    2024年6月15日
    000
  • 我来教你2345看图王制作2寸证件照的使用教程方法。

    很多的小伙伴2345看图王,那么你们知道怎样制作2寸证件照呢?下面这篇文章内容就带来了2345看图王制作2寸证件照的使用教程。 2345看图王制作2寸证件照的使用教程 首先我们需要…

    2024年6月8日
    020
  • 今天分享ai制作矢量烟花图的操作步骤。

    大家知道ai软件吗?晓得制作矢量烟花图的吗?下文就带来了ai制作矢量烟花图的操作教程,一起来看看吧! ai制作矢量烟花图的操作步骤 首先用星形工具绘制一个星形,点击键盘上下箭头键可…

    2024年4月24日
    030
  • 我来分享中国建设银行快速切换用户的具体方法。

    使用中国建设银行如何切换用户呢?想必有的网友还不太了解的,为此,今日手机方法网小编带来的这篇文章就为大伙分享了中国建设银行快速切换用户的具体方法,一起来看看吧。 中国建设银行快速切…

    6天前
    030
  • 我来分享网易云音乐保存封面的操作过程。

    当前网易云音乐是非常受大家欢迎的,非常不错的。那么网易云音乐怎么设置保存封面呢?这里带给大家分享网易云音乐保存封面的操作教程哦! 网易云音乐保存封面的操作过程 先在网易云音乐里听歌…

    2024年4月27日
    020
  • 说说有道词典截图翻译的操作教程方法。

    最近一些用户们在使用有道词典的时候,不熟悉其中截图翻译?今日在这里就为你们带来了有道词典截图翻译的操作教程。 有道词典截图翻译的操作教程 首先我们打开有道词典软件,这时主页面显示的…

    2024年6月6日
    020
  • 小编教你photoshop。

    今天给大家讲的是photoshop cs6绘画人形指示图标的设置方法,对photoshop cs6感兴趣的同学们就一起学习下具体方法吧! photoshop cs6绘画人形指示图标…

    2024年6月6日
    020
  • 小编教你Beyond。

    好多的用户们并不喜欢Beyond Compare 4中图片的背景颜色,那么怎么更改呢?以下这篇教程中手机方法网小编就为各位带来了Beyond Compare4更改图片背景颜色的具体…

    2024年6月14日
    000