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

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

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

文章插图


一、创建所需元件图形
1、我们首先需要打开axure软件 , 新建画板 。
2、在新建的画板上创建一个矩形元件 , 并点击图形右上角的改变形状 , 选择一个图形 。
3、接着对创建完成的元件填充背景颜色 , 并按住Ctrl+图形、拖动创建出四个相同的图形 , 并分别为它们进行命名 。
4、接着在第一个图形中设置想要展示的文字 , 最后把其余三个图形设为隐藏 。
二、设置交互效果
载入时
首先我们需要先点击第一个图形 , 查看右侧属性一栏 , 并在交互事件中选择“载入时”的用例事件 , 设置动作等待时间 , 然后显示当前元件(先后顺序不能变) 。
【Axure如何使用交互实现雷达效果?实现步骤有什么?】显示时
接着在交互事件中选择“显示时”的用例事件 , 对元件进行设置尺寸于、中心锚点、线性等操作 。然后隐藏当前元件 , 逐渐效果 , 时间长 。
隐藏时
在交互事件中选择“隐藏时”的用例事件 , 设置尺寸、中心锚点、无动画 , 然后显示当前元件 。
三、创建连续不断的动画效果
1、选择第一个图形中的交互用例 , 按住Ctrl+3个状态进行复制 。
2、接着分别点击第二、三个图形 , 不用选择添加用例 , 直接粘贴 , 系统就会默认自动粘贴到相对应的属性用例状态下 。
3、然后更改第二、三个图形中的 “载入时”时间 。
4、最后把四个图形都叠在一起 , 按F5或者点击预览查看原型展示 。
以上就是关于Axure如何使用交互实现雷达效果的操作方法 , 具体尺寸、等待时间等都需要根据效果需要进行设置 。

    推荐阅读