湖南龙网

  1. 首页 > 生活百科 > >

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

生活百科Axure

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

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

文章插图


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

    推荐阅读


    上一篇：InDesign如何创建网页超链接？创建方法是什么？

    下一篇：Axure怎样使用交互进行移动端查看？方法步骤是什么？