Axure如何使用交互实现雷达效果?实现步骤有什么?

李冰琪            来源:优草派

在我们使用axure制作产品原型的时候,常常需要为它添加交互作用,本文小编来教大家Axure如何使用交互实现雷达效果??实现方法是什么?

Axure如何使用交互实现雷达效果?实现步骤有什么?


一、创建所需元件图形

1、我们首先需要打开axure软件,新建画板。

2、在新建的画板上创建一个矩形元件,并点击图形右上角的改变形状,选择一个图形。

3、接着对创建完成的元件填充背景颜色,并按住Ctrl+图形、拖动创建出四个相同的图形,并分别为它们进行命名。

4、接着在第一个图形中设置想要展示的文字,最后把其余三个图形设为隐藏。

二、设置交互效果

载入时

首先我们需要先点击第一个图形,查看右侧属性一栏,并在交互事件中选择“载入时”的用例事件,设置动作等待时间,然后显示当前元件(先后顺序不能变)。

显示时

接着在交互事件中选择“显示时”的用例事件,对元件进行设置尺寸于、中心锚点、线性等操作。然后隐藏当前元件,逐渐效果,时间长。

隐藏时

在交互事件中选择“隐藏时”的用例事件,设置尺寸、中心锚点、无动画,然后显示当前元件。

三、创建连续不断的动画效果

1、选择第一个图形中的交互用例,按住Ctrl+3个状态进行复制。

2、接着分别点击第二、三个图形,不用选择添加用例,直接粘贴,系统就会默认自动粘贴到相对应的属性用例状态下。

3、然后更改第二、三个图形中的 “载入时”时间。

4、最后把四个图形都叠在一起,按F5或者点击预览查看原型展示。

以上就是关于Axure如何使用交互实现雷达效果的操作方法,具体尺寸、等待时间等都需要根据效果需要进行设置。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行