【02】Axure8.0事件与动作添加

添加事件

• 通过添加用例，在用例中添加动作来实现交互

• 当给一个事件添加两个或多个用例的时候，会弹出显示选择列表

  
  

添加条件

• 双击选择的元件事件，点击添加条件（实现在某条件成立的情况下添加动作）

添加条件

添加动作

添加动作——弹出窗口、父级窗口

• 添加“打开链接”动作，选择打开的位置（当前窗口、新窗口/新标签、弹出窗口、父级窗口）
• 设置在父级窗口打开时会替代原来父级显示的页面

添加动作——内联框架、父级框架

• 内联框架：在某个框架中打开链接，如果页面使用了框架元件则可以控制在哪个框架打开。在事件中添加动作“在框架中打开链接”，选择内联框架，勾选对应的内联框架元件
• 父级框架：在父框架中打开链接，如果使用了框架嵌套，则可以控制在父框架打开

添加动作——滚动到元件

• 类似于所说的锚点，可以用于实现"回到顶部”的效果

• 在顶部拖入矩形元件，命名为顶部

• 页面内容用占位符代替（页面有内容才能出现滚动条实现滚动效果）

• 在底部拖入“回到顶部”按钮，给按钮添加事件——鼠标单击时

• 给事件添加用例》添加“滚动到元件<锚链接>”动作》勾选顶部元件“顶部”》确定

添加动作——面板状态

• 显示/隐藏/切换可见性（控制元件的显示隐藏）
• 设置面板状态（Tab切换，在设置状态中选中相应显示状态）

添加动作——设置文本、图片、设置列表

• 选择元件，通过事件，添加设置文本|图片的动作
• 设置选中：选中元件——添加动作“设置选中”——选择元件设置为选中——在属性中编辑选中状态的元件样式——设置选项组（同一选项组中的状态可以切换，类似单选按钮）
• 同理还有取消选中、切换选中

添加动作——移动、旋转

• 移动：在用例编辑器面板添加动作"移动"——选择作用元件——设置移动经过距离|到达坐标
• 旋转：选中元件右击粘贴为图片——选中图片——添加动作“旋转”——选中元件设置旋转角度、方向

添加动作——设置透明度、展开树节点

• 设置透明度：添加动作"设置不透明"——选中元件设置不透明度
• 在菜单和表格拖出“树”元件——添加动作“展开|折叠树节点”

添加动作——全局变量

• 添加动作“设置全局变量”——添加全局变量——设置变量名称（不能是中文），设置默认值
• 添加动作“设置文本”——值为fx——插入变量或函数（选中创建的全局变量）

添加动作——中继器排序、筛选、设置翻页

• 设计中继器，添加行和列（添加的列名不能是中文，且需要在中继器中复制矩形以及在用例中设置对应列的文本才能显示新增列的内容）——在“样式”设置分页，勾选多页显示——设置每页项目数

新增列

复制矩形

添加动作

效果

• 设计筛选输入框，筛选按钮——设计文本标签“按时间升序”、“按时间降序”——设计按钮“上一页”、“下一页”——给筛选按钮添加动作“中继器-添加筛选”——设置筛选的名称和条件（fx点击插入变量或函数找到变量设置值==“筛选的值”）
• 给排序标签添加动作“中继器-添加排序”——选择属性、排序类型、顺序
• 选中翻页按钮添加动作”设置当前显示页面“——选中“中继器”——选择页面为previous/next

添加动作——中继器添加行、删除行、更新行

• 添加行：设计中继器和输入框、添加按钮——添加动作“中继器添加行”——选中中继器点击“添加行”——点击fx，添加局部变量选择元件文字为输入框文字
• 删除行：

添加动作——其他

• 等待：等待多长时间后进行下一个动作
• 其他：在动作之后有一个弹窗，设置弹窗文字
• 触发事件：当前这个动作发生会触发另一个动作（选中该动作的事件）