axure9不能两个单击事件_Axure 9.0教程：两个案例告诉你，如何运用变量

案例一：简书App顶部tab切换

打开简书App，观察发现频道顶部导航“推荐/VIP/专题”的tab切换效果，当我们点击导航菜单，该项菜单被选中，菜单文字变为了红色，同时下划线水平移至菜单项正下方。为了实现这样的交互效果，我们需要为每个导航菜单项设置一个“鼠标单击事件”，为当前菜单添加“选中”动作，为下划线添加“移动”动作。根据刚才的分析思路，下面我们来动手实现这样的交互。

01 元件素材准备

从系统元件库拖动三个文本标签和一个水平线至设计区域，并为每个元件命名。为三个导航菜单分别设置相同的选中样式，选中时文字颜色变为红色。水平线需要注意线条的长度和粗细，线条颜色为红色。将三个文本标签设置为一个选项组。默认将推荐菜单设置为选中。

02 交互设置

1)选中导航菜单元件，添加“鼠标单击事件”，选择“设置选中”动作，选择当前元件，点击完成。

2)点击插入动作，选择“移动”动作，选择“下划线”元件，在动作配置中，选择“到达”，点击x轴坐标右侧的fx，弹出值编辑面板，点击“添加局部变量”，中间的元件类型选择“元件”，选择当前元件，点击上方的插入变量与函数，插入变量LVAR1，设置值为[[LVAR1.x]]

3)点击y轴坐标右侧的fx，弹出值编辑面板，点击“添加局部变量”，中间的元件类型选择“元件”，选择“下划线”元件，点击上方的插入变量