Axure 9 收录不同效果的制作过程

效果类别

一、默认选中+实现单选效果

1、默认选中

• 点击组件，右键选择selected字样；

2、实现单选效果

• 点击所有组件，右键选择selected group，填好命名，并设置选中时的组件样式；
• 选择其中一个组件，设置interaction，click or tab，选择selected is true;

参考文章：默认选中效果实现教程

二、灯箱弹窗

1. 点击弹窗，创建动态面板；
2. 点击按钮，选择click or tab事件，选择show/hide 弹窗；
3. 点击more option，选择下拉框treat as lightbox；
4. 点击弹窗，隐藏弹窗；
   

灯箱弹窗+切换到指定面板状态

该功能仅限于指定同页面下的动态面板。

• 点击按钮，选择click or tab事件，选择show/hide 弹窗，
• 点击more option，选择下拉框treat as lightbox；
• 继续增加Target，选择set panel state，选择state为想要的面板状态名称；
  

三、跨页面指定动态面板状态

对于跨页面设置动态面板，我是将目标页面的动态面板第一个状态替换成目标状态来解决这个问题。

比如：

• 页面A，有一个有A1,A2两个状态的动态面板，A1是动态面板的默认状态；
• 页面B，由一个按钮B，需要实现，点击B展示页面A，A2状态下动态面板内容；

实现流程：

• 复制粘贴页面A’，将状态A2设置为动态面板的默认状态；
• 在页面B中给按钮B设置click or tab事件，选择“open link” Tartget，page是页面A’;

四、页面加载后跳转

需求：页面A加载完成后2秒，自动跳转到页面B。

实现流程：

• 点击页面A，选择Page Loaded事件；
• 新增“wait” target，时间设置为2000ms；
• 新增“open link” target；

还在更新中…