Axure弹窗

背景：如何通过点击【详情】，以弹框的形式出现张三的详细信息

1、制作出弹框内容后，选中弹框，点击鼠标右键，选择【转换为动态母版】；

2、选中弹框，点击鼠标右键，选择【设为隐藏】，效果如下；

 

 3、选中【详情】,点击【新建交互】，点击【单击时】-【显示/隐藏】；

4、点击【选择元件】，选中刚刚设置的【动态面板】，点击【显示】，可根据弹框的出现形式选择【动画】，点击【确定】；

5、点击预览，即可查看效果。

 

6、接下来，如何点击弹窗的X，已关闭弹窗，双击【动态面板】，双击后显示弹窗内容;

-------------->  

7、点击【元件】-【default】-【热区】，鼠标左击【热区】拖至弹窗的关闭按钮，将热区覆盖范围调整合适的大小；

8、点击【新建】交互，点击【单击时】-【显示/隐藏】，目标，选择【动态面板】-点击【隐藏】，确认；

 9、点击预览，即可查看效果。

 

-