您现在的位置是:首页 > 设计知识设计知识

axure点击切换图片,axure点击跳转页面

网一2022-11-23 10:58:13设计知识31人已围观

简介axure点击切换图片,axure点击跳转页面今天python就给大家分享一下如何使用Axure实现一张图片点击后翻转的效果。这种效果经常用在抽奖活动中,希望能帮助到有需要的人。如果你是第一次学习“AxureRP”,可以点击这里免费试用AxureRP的最新课程。工具/软件硬件型号:华为笔记本电脑MateBo

axure点击切换图片,axure点击跳转页面

今天python就给大家分享一下如何使用Axure实现一张图片点击后翻转的效果。这种效果经常用在抽奖活动中,希望能帮助到有需要的人。

如果你是第一次学习“Axure RP”,可以点击这里免费试用Axure RP的最新课程。

工具/软件

硬件型号:华为笔记本电脑MateBook 14s

版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

将四张图片拖入手机壳并调整大小,如下图。这一步创建了彩票页的正面。

第2步

选择第一张图片,右键设置为动态面板,如下图。

第3步

双击上一步创建的动态面板,命名为“前面板”,点击State1后的“复制”按钮,复制相同的状态,如下图所示。

第4步

双击上一步复制的“状态2”进入编辑页面,如下图所示。

第5步

在State2的编辑页面添加与原图大小相同的展位图,如下图。

第6步

点击选择动态面板后,点击右边的“鼠标点击时”效果,根据缩略图进行设置。到目前为止,我们取得了相反的效果。下面继续做提示文案等互动。

第7步

上一次操作后点击“等待”,等待时间为“1000毫秒”。操作如下图所示。

第8步

拖动一个矩形到主界面命名为“中级文案”,设置其背景色和文字颜色,如下图。

第9步

右键单击上一步创建的矩形,点击“设为隐藏”,如下图所示。

第10步

继续选择“前面板”,然后点击“案例1”,再点击右边的“显示”然后选择“获胜副本”,如下图所示

第11步

继续点击“等待”,等待时间为“1000毫秒”。操作如下所示。

第12步

点击右边的“隐藏”然后选择“获胜副本”,如下图。

当前位置到最后一步,我们已经完成了所有的编辑工作。我们来看看效果。请看下图。

第13步

我相信“如何使用Axure实现点击图片后翻转的效果?”这篇文章大家都学过。如果还有其他问题,可以继续关注。我们将每天为您带来最新、最实用的软件提示。

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐