Axure从0到1学习之路(三)：应用实例（附详细操作步骤）

一、绘制交互地图

功能描述：鼠标触碰地图块时变色并显示地名，移开后恢复原来颜色并隐藏地名（方便起见，以矩形代替某地为例）

1. 新建页面
   

2. 将需要的图形拖入（这里方便起见以矩形为例，实际可以导入需要的地图）
   

3. 拖入文本框并配文
   

4. 双击“地图块”，在右侧设置交互属性如下图所示：
   

5. 此外，我们不希望初始就显示地名，因此需要选中地名的文本框，右键将它设置为“隐藏”
   

6. 最终效果
   

二、跳动的数字

功能描述：运行后界面的数字按照一定间隔时间随机显示

1. 同样是先拖入元件，然后进行参数设置（如下图）。由于这里需要从开始的时候按照一定时间间隔随机产生数字，因此“开始的时候”对应的触发事件应写为“载入时”，随机产生通过“设置文本为函数实现”，又考虑到数字需要不断变化，因此这是一个以固定间隔时间为条件的无限循环（直到关闭这个界面），所以可以将“载入”设为下一次“载入”的触发事件，这样即可实现间隔一定时间的数字更新。
   

2. 最终效果（由于上传视频不便，仅放不同时刻的截图组合供参考）
   

三、滚动字幕

功能描述：几组字幕滚动显示。

1. 首先在元件库中，搜索并找到动态面板，拖入工作区。
   

2. 双击动态面板，进入状态编辑页面。
   

3. 首先在状态一（state 1）拖入文本标签，然后编辑我们想显示的第一条滚动文本。按照如图右侧的红框部分设置滚动面板的“交互”。
   

4. 按照如图方式新建状态二（state 2），然后切换到状态二。
   

5. 在状态二中，同样按照步骤3的操作方式添加文本框，此处无需重复设置动态面板的交互了。
   

6. 这种方法适用于任何需要滚动显示的文字、图形、图片等，只需要在动态面板的不同状态下放入你想展示的内容，设定好动态面板的间隔时间，就能形成滚动播放的效果（做了gif放进来展示，录制时不是从0s开始，所以gif里面开始显示的是状态2，主要为了分享下滚动效果）。
   

后续如继续学习或者在项目中使用，将持续更新新实例。