Axure RP9 添加鼠标点击事件

 

1.首先将详情页整体选中，然后右键单击选择组合，将详情页各个元件组合在一起。

 

2. 然后给这个组合起个名字（名字随意，但不要重复）。

 

3.选中查看详情的文本框，点击右侧的交互，点击“New Interaction” 为查看详情添加点击事件，选中鼠标单击时，选择显示/隐藏，选择刚刚的详情页（也可以在search那里搜索元件或组合的名字），然后点击确定。 

 

 

 

 

 4.与上面操作大同小异，接下来实现点击叉号关闭详情页。首先选中叉号那个文本框，点击右侧的交互，选择“New Interaction”，选中鼠标单击时，选择显示/隐藏，选择刚刚的详情页，这次选择隐藏，点击确定。

 

 

 

5.选中详情页整体，右键单击选择设为隐藏，然后将其拖动到列表页上，设为顶层

 

 

6.设为顶层之后是这个样子的。 打开预览，查看效果。

 

7.点击查看详情，详情页弹出来了。点击叉号，关闭了详情页。