评估一位产品新人的原型时，发现对方竟然不知道Axure的很多实用技巧，导致很多效果都是用极其复杂或者笨拙的方式实现。Axure是产品经理的必备工具之一，熟练使用axure可以提高画原型的效率。那axure的这些实用技巧，你都知道吗？

为避免他人也有同样的问题，对Axure常用技巧做总结如下：

（1）点击某些按钮，或者鼠标悬浮时，显示某些隐藏的元件，元件被覆盖，这是因为元件层级太低，显示元件的用例注意勾选置于顶层（见红框）。

（2）可以批量居中页面，不需要每个页面都去设置一下居中样式。点击Project，再点击Page Style Editor，在弹出窗口中设置Page Align居中即可。

（3）弹窗类动态面板N多，聚在页面中央，且一层层覆盖在一起，想要改某个，需要挨个找。这类面板可以错落有致的放置在主页面右边，在Pin to Browser设置位置居中即可。

（4）Tab切换，所有Tab设置为选项组，给每个Tab设置点击选中事件，这样每次只有一个可以选中，选中和悬浮的样式可以在Interaction Styles里设置。

（5）不需要添加一横线，通过隐藏/显示事件，实现下图“年费会员”的效果。每个菜单一个矩形框，隐藏左、上、右边线，下边线设置为白色，在Interaction Styles里设置下边线选中或者悬浮样式。

（6）实现点击时显示，再次点击时隐藏，用Toggle即可实现。

（7）没有锁定背景框，移动时添乱。可以点击工具栏Lock锁定不需要移动的元件。

（8）可以用动态面板的Scrollbar属性实现拖动滚动条来查看容器中的元素。

（9）页面比较大时，将鼠标的光标放置在编辑窗口中，按住键盘的空格键，就能看到鼠标的光标会切换成手状。然后就可以用来抓着画面任意滑动，而且不会对任何的部件造成影响。

（10）经常会遇到几个部件重叠的情况，如何选择下层部件呢？可以在部件管理窗口中直接选择想要的部件，另外可以选择最上层的部件之后，稍等会再点击一次，就会选中下一层的部件。若选择再下一层的部件，做相同操作。

（11）需要在水平方向或者垂直方向上移动部件，可以按住shift键，拖动部件左右或者上下移动，这样可以直接平移部件。

（12）按住Ctrl键，拖动部件，可以快速复制部件。按住Ctrl+shift键，拖动部件，就会复制了一个新的部件，并将新部件进行平移。

（13）按住Ctrl键之后，将鼠标放在部件的边缘，就能够旋转部件了。

（14）生成HTML原型文件时，在“Logo”里可以添加logo和标题语，这样在导出的原型中，左上角会显示添加的logo和标题语。

（15）当几个部件组成一块大的元件时，可使用组合快捷键Ctrl+G，这样的好处是可以很方便地移动，不需要每次都全部选中后才移动。

（16）锁定部件快捷键Ctrl+K后，部件锁定后，不能被移动和复制，可以避开不需要复制的部件，提高效率。

（17）如何实现列表整行的点击效果呢？拖动热点控件到列表的记录中，覆盖列表的一行记录，然后设置热点的点击事件，就可实现整块的点击效果。

（18）Axure代替viso来做流程图，它提供了画流程图的控件，连线选择连接模式，选中控件，按住左键，拖到鼠标至下一个控件。

（19）重复比较多的地方请尽量使用母板，最好是非固定位置的母板。模板有三种类型：一种是固定位置的母版，一种是可以随意移动位置的母版，还有一种是可以随意移动并且母版元素可以拆解的母版。这三种可以根据需要设置，在模板右键鼠标—>拖放行为，进行选择。

（20）如果是团队协作，使用Project，会使整个项目效率显著提高且减少出错。

最后强调一点经常被大家忽略的问题，没有及时为组件和动态面板命名，用时，才手忙脚乱的添加，增加了维护原型的时间成本，切记，养成随时命名的好习惯。

Axure有些实用技巧是在使用过程中不断摸索出来的，多画原型，和他人多多交流，多看前辈的demo，可以在短期内提高自己。

本次总结只针对近期所见，axure还有大量的实用技巧，欢迎大家分享。

本文由 @柒柒是80后 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议

恩图是显示数据集之间关系的好工具，也是各种互联网模因的重要来源。

从amCharts 4.9开始，您可以在Web应用程序中添加出色的交互式维恩图。

点击“了解更多”立即体验吧！

amCharts 4更新列表

[4.9.5]-2020-03-03

新增

• 第三参数-force-添加到ChartCursor.triggerMove。如果设置为true，即使光标已经在同一坐标上，它也会触发与移动相关的所有动作。

修复

• 现在，从ExportMenu导出将防止光标（和相关的工具提示）在导出之前出现，因此它们不包含在导出的图像中。
• 从4.9.3开始，使用panBehavior = "rotateLongLat"在MapChart上平移无法正常工作。
• 如果在XYChartScrollbar中使用了已处置的序列，则该序列未正确删除。
• 设置了dx/dy且旋转!= 0的元素未在正确位置显示固定位置的工具提示。
• 更改tooltipText会导致隐藏工具提示（如果它已经可见）并且tooltipPosition设置为“pointer”。
• 图例位于右/左的XYChart无法正确定位valueLabel（如果与右对齐）。
• TreeMap图例无法正常运行。

[4.9.4]-2020-02-26

修复

• 如果设置了homeGeoPoint，则MapChart会出错。
• 如果光标留在绘图区域，则XYCursor悬停的项目符号不会重置。

[4.9.3]-2020-02-25

更新

• 如果当前正在拖动其他一些交互式元素，则MapChart将不会执行其平移行为（例如，拖动）。例如，如果您在地图上方有一个滚动条就很好。

修复

• 修复了snapToSeries的问题。

[4.9.2]-2020-02-25

新增

• 可访问性：图表的svgContainer的新方法：readereAlert（text）。调用时，将强制屏幕阅读器读出某些文本。
• velocityDecay已添加到ForceDirectedSeries。增加数量以减慢节点动态。

更新

• 辅助功能：如果启用了屏幕阅读器，它将在以下情况下通知用户：a）图例项目被触发；b）MapChart缩放级别更改。
• vXYCursor.snapToSeries现在接受一个系列数组，并将从该数组中存在的任何系列捕捉到最接近的数据点。

修复

• 现在，当鼠标指针离开iframe时，图表将正确脱离拖动的元素。
• 修复了法语，葡萄牙语翻译中的拼写错误。
• 在韩语翻译中添加了更多翻译提示。
• 当更新XYChartScrollbar本地数据中使用的序列时，不会更新Scrollbar中使用的克隆。
• Series.autoDispose设置被忽略。
• 修复了当使用非常小的数字时在某些浏览器（Safari，IE）上出现“精度超出范围”的错误。
• 可访问性：tabindex值的设置基本上不起作用。
• 值为空的渠道切片在左上角显示一个黑色小矩形，图例项未显示标记。
• 改进了多个ValueAxis之间的同步。

[4.9.1]-2020-02-14

新增

• 精度添加到MapLine（默认值为0.1）。如果设置了shortestDistance = true，则线将根据投影进行弯曲。如果精度大于直线端点之间的距离（度），则不会发生这种弯曲。将其设置为大数可获得完美的直线。
• 精度添加到MapPolygon（默认值为0.5）。多边形的边线根据投影而弯曲。如果精度大于侧面端点之间的距离（度），则不会发生这种弯曲。将其设置为大数可获得完美的直线。

修复

• JSON配置：通过id引用父对象现在不依赖于元素的顺序。
• 使用XYCursor时，系列元素（例如列）未调度“结束”事件。
• 当Legend触发将鼠标悬停在PieSeries切片（或其他PercentSeries）上时，该切片没有调度“结束”事件。
• 如果单击图例项以再次显示，则不显示隐藏的ForceDirectedNode（如果使用API隐藏）。
• 路径适配器不适用于Sprite。
• v使用带有一系列序列的XYChartScrollbar将数据添加到XYChart有时会导致JS错误（如果缺少某些数据）。
• 将AxisBreak添加到CategoryAxis可能会导致JS错误。
• 没有将groupFields复制到XYChartScrollbar中的系列或任何其他克隆的系列。
• 如果在设置禁用属性字段时已禁用项目符号，则该项目符号在数据更改后无法正确更新。

[4.9.0]-2020-02-09

新增

• 新插件：维恩图。
• 添加了ForceDirectedSeries.dragFixedNodes属性（默认为false）。
• 添加了ForceDirectedSeriesDataItem.percent获取器。

修复

• 在非常旧的（59之前的版本）FireFox中，鼠标交互无法正常工作。
• 动态更改ForceDirectedSeriesDataItem.fixed无法正常工作。
• CirclePattern尚未被全局导出。
• 在某些不可见的元素上设置expoirtable = false有时会导致它们在导出后变得可见。

[4.8.9]-2020-02-07

新增

• 添加了Scrollbar.isBusy getter，当用户与Scrollbar交互时为true。
• RadarColumnSeries现在支持两个类别轴。
• angleToPosition（angle）已添加到AxisRendererCircular。
• currentPosition吸气剂添加到ClockHand。

修复

• 自从升级canvg版本以来，在IE上的导出（以及其他带有simplifiedExport = false的设置）已损坏。
• 当DateAxis分组设置为true时，在某些情况下，数据更新后，值轴的缩放不正确。
• 在某些特定情况下，将数据添加到图表时，带有系列的XYScrollbar可能会产生JS错误。
• 数据更新后，渠道系列sliceLink可能会失去其颜色。

[4.8.8]-2020-02-05

修复

• 使用分类的列缩放CategoryAxis时，未显示某些列。

[4.8.7]-2020-02-05

新增

• 将sortBySeries属性添加到CategoryAxis。如果将其设置为ColumnSeries的实例，则轴将根据实际系列的值自动对其类别进行排序。

修复

• 末尾带有额外换行符的标签有时可能会继承多文本以前版本的内容，例如 在动态更新的工具提示中。

[4.8.6]-2020-01-31

修复

• 数据项值为0的树图导致错误
• 带有分组数据的DateAxis的ZoomToDates并不总是正常工作。
• 延伸系列时，不会克隆PercentSeries的color ColorSet，因此克隆的系列使用单个Colorset会产生不同的颜色。
• dateAxis.timezoneOffset的值0不能正常工作。默认值从0更改为undefined。

新增

• 将cloneTooltip标志（默认值为true）添加到Sprite。克隆元素时，如果模板已分配了自己的工具提示，则默认情况下也会克隆此工具提示。这对cpu不利，有时对于所有克隆您可能只需要一个工具提示。将cloneTooltip设置为false以便不克隆工具提示。

[4.8.5]-2020-01-29

修复

• 恢复了DateFormatter.timezoneOffset的旧行为，因为4.8.3中引入的修复程序不正确。请改用dateAxis.timezoneOffset。
• 可以仅固定ForceDirectedSeries的第一级的节点。
• 在将序列添加到序列表中或从序列图中删除序列时，它仅将特定项目添加到图例中/从图例中删除特定项目（如果有），以前用于使整个图例无效，这不利于性能。

新增

• 将timezoneOffset属性添加到DateAxis。如果您的日期是数据中的时间戳，并且无论图表查看器在哪个时区，您都希望图表显示相同的日期，请使用它而不是DateFormatter.timezoneOffset。
• 如果ValueAxis设置了calculateTotals = true，则该轴不仅将计算相关系列数据项的total和totalPercent，而且还将计算sum，它是值的来源的数学和，而不是其绝对值。

[4.8.4]-2020-01-25

修复

• 降级为TypeScript 3.6，以避免TS 3.7中引入的重大更改。

[4.8.3]-2020-01-24

新增

• 新的ValueAxis设置：extraTooltipPrecision。将其设置为额外的小数位数，以用于当前轴标签精度之上的轴工具提示中的数字。默认值为0。

修复

• ValueAxis网格的同步得到改善。
• 使用timezoneOffset会错误地影响DateAxis的标签。
• 如果在隐藏的容器中初始化了MapChart，则随后的zoomToMapObject()调用将错误地缩放。

[4.8.2]-2020-01-23

新增

• 添加TreeMap.homeDataItem获取器。

修复

• 有时标签没有被正确地截断。
• 值< 1的ValueAxis可能不会显示标签（仅从4.8.1开始）。
• 如果未使用动画主题，则轴同步在初始视图上不起作用。
• 有时，未定义的变量会以默认状态恢复，而不应该恢复为默认状态。这是在4.8.1中引入的。

[4.8.1]-2020-01-22

新增

• 新设置syncWithAxis已添加到ValueAxis。用它在两个或多个轴之间同步网格。将其设置为另一个ValueAxis的引用，即与之同步网格的引用。

更新

• 恢复默认状态后，它也不会设置具有未定义值的属性。它曾经忽略那些。
• 现在，XYCursor在计算是否移动时会考虑其行为逻辑。例如，如果behavior == "zoomX"，则它仅在确定光标是否移动时才测量水平距离。

修复

• 注释插件：设置currentTool属性不适用于“line”和“arrow”。
• 有时，应用响应规则时，元素属性未恢复到其原始值。
• 有时，在挖洞至最高级别后，TreeMap上的某些项目符号没有显示出来。
• 在ValueAxis上设置fontSize会导致错误。

[4.8.0]-2020-01-16

新增

• 可滚动（默认：false）属性添加到图例。如果图例位于左侧/右侧，并且项目不适合可用高度，则滚动条将自动出现。如果图例位于顶部/底部，则必须为图例设置maxHeight，并且如果项目不适合此高度，则会出现滚动条。
• 注释插件：添加了新属性useMenu。如果设置为false，则插件将不会添加任何项目或创建导出菜单。这意味着注释功能仅可通过其API使用。
• 注释插件：添加了箭头工具支持。

更新

• 图例项目的布局算法已更改并变得更好。如果标签不合适，则将其正确截断。价值的一致性很好。
• 当图例的位置为“左”或“右”时，它不再将其宽度固定为200px宽度，而是将maxWidth设置为220。这意味着图例将仅采用容纳其内容所需的宽度，这通常会导致图表本身有更多空间。如果要显示所有标签，则将maxWidth设置为undefined，如果不合适，则不要将其截断。
• 当图例的位置为“左”或“右”时，它将自动将maxColumns设置为1（一），以便图例项仅排列在一列中。如果需要更多列，则可以更改此设置（应在设置位置后执行此操作）。
• 现在，在元素上设置focusable = true将自动设置tabindex =0。这对于某些浏览器（FF）是必需的，以使元素可聚焦。这意味着默认情况下可聚焦的一堆元素（图例项目、夹点、按钮等）现在也将自动设置tabindex。
• Label.ellipsis（在截断文本时使用）的默认值已从“...”（三个点）更改为“…”（Unicode字符“水平椭圆”；U + 2026）。
• 标签包装现在将尝试不将字符串拆分为之后没有空格的点，例如 “55.5％”。

修复

• 调整图表大小后，轴填充未正确测量，这可能会导致工具提示显示在错误的位置。
• 如果直接在valueLabels.template.text上设置，则不会显示图例的valueLabels。仅当在series.legendSettings.itemValueText上设置时，它们才会显示。

[4.7.21]-2020-01-10

新增

• 将updateStacking()方法添加到XYSeries。如果某些堆积属性通过堆积保持时间更改为真，则必须调用。
• 向SunburstChart的dataField中添加了“hidden”，以便可以预隐藏某些切片。

修复

• 如果相关系列的视觉设置发生更改，则禁用系列的图例标记将重置为默认视图。
• 使用隐藏的堆叠序列更改图表上的数据会导致错误的堆叠。
• 如果删除了序列，XYChart不会更新值轴的最小值/最大值。
• 如果使用“硬”粘贴选项通过API移动了光标，则在绘图区之外单击时，光标可能会动画到某个错误的位置。
• 从百分比到数字或从数字到数字的动画根本不起作用，例如 在应用状态时。现在，它将不使用动画翻转到最终值。

[4.7.20]-2020-01-08

修复

• 使用DateAxis和groupData = true更改图表的数据并自定义baseInterval导致分组无法正常工作。
• 图表创建后更改颜色和一系列其他视觉属性不会影响LineSeries和ColumnSeries及其图例标记。
• 有时，图表的活动工具提示会被隐藏，即使它应该保持可见（如果此刻还隐藏了其他子画面）。

[4.7.19]-2020-01-07

新增

• 注释插件：添加了实验设置autoSize（默认值：false）。如果设置为true，它将在更改时尝试相对于图表大小重新定位注释。

修复

• 使用具有非整数alpha的颜色更改填充/描边属性会导致完全不透明或完全透明的颜色。
• 有时ColumnSeries3D的列顺序已关闭。
• 超宽/高图（超过100K像素）上的XYSeries被扭曲。
• 回归插件：没有直接为回归系列更新数据，导致其无效。
• 图表初始化后，无法将DateAxis上的groupData从初始false切换为true。
• 将DateAxis上的groupData从初始的false切换为true，将导致iValueValue刻度不正确。
• 如果由于alwaysShowTooltip = true而显示了工具提示，则该工具提示过去在放置精灵后仍保持可见。
• 如果将数据更新为空数组，则不会触发datavalidated和beforedatavalidated事件。
• 在XYSeries上从true切换为false不能正确进行切换。
• Component.removeData()导致所有数据无效，从而导致某些错误行为。
• 如果更改了某种格式（数字格式器），则必须立即调用invalidateLabels()才能应用新格式。
• DurationAxis现在以与DateAxis相同的方式为新添加的数据设置动画。
• 一次向XYChartScrollbar添加/删除多个系列可能会导致错误。

点击“了解更多”立即在你的Web应用程序中添加出色的交互式维恩图。