Feelings

Axure的交互功能（Interactions）其实非常强大，最近在做一个demo的时候，学习了一种动态投票计数交互的实现方法。

这里要实现的是类似于“顶”“踩”、“赞成”“反对”、“鲜花”“鸡蛋”那样的投票点击效果，点击相应投票图标的同时，会引起计数的同步变化。

首先，我们放置一个投票按钮图标（Image），比如，label设置为“vote_up”，然后在图标边上放置一个文字区（Text Field），label设置为“up_count”。

现在开始设置交互动作。

选中投票按钮，选择“Add Case ...”打开“Case Editor”。在“Step 2：Add actions”栏中选择“Set Widget(s) to Selected State”，参照下图进行设置。

下面设置计数的变化。继续在“Step 2：Add actions”栏中选择“Set Variable/Widget Value(s)”，参照下图。

点击“Open Set Value Editor”按钮，打开另一个设置对话框。选择好需要变化值的项目，再点击公式按钮。

在这个对话框中，如果直接修改默认值，则表示点击投票按钮后，计数变化为新设置的值。这不符合我们计数自动增长的需求，因此，这里需要点击“Add Local Variables” ，设置一个投票变量，然后输入计数公式[[VOTEUP+1]]。

好了，现在应该可以生成页面预览一下效果了。

接下来，我们还可以更进一步，设置一下投票数的上限，即达到这个数值的时候，就不再变化，例如，我们设置投票数显示上限是99。

选中投票按钮，选择“Add Case ...”打开“Case Editor”，建立新的“Case 2”。

这里需要增加判断，因此点击“Add Condition”。

然后，再设置文字区up_count的值在大于等于99时，显示99。

现在，看一下最后的交互列表，应该是下图的样子。