axure中交互&情形

前言：

续上篇axure动态面板基本使用及案例本篇博主讲述了axure中的交互&情形，希望能帮助到大家。

一、交互：

1.1简介：

交互里面包括了交互样式、交互动作、交互事件、说明
**官方解释：**是通过 事件 (Events) 和 动作 (Actions) 的排列组合来实现的。 而且不同的元件会有一些对应的特殊 事件 (Events) 和 动作 (Actions)。 目前Axure共有 50 种 事件 (Events) 和 36 种 动作 (Actions)，排列组合下来，可用的交互数量还是很可观的。

1.2交互样式：

• 交互样式是Axure中的一种功能，通过它可以实现元件在不同状态下的样式变化。比如，当鼠标悬停在一个元件上时，可以通过交互样式来改变元件的颜色、大小或者其他样式。
• 通过选择“交互样式”中的“鼠标悬停”，可以设置元件在鼠标悬停状态下的样式，使得用户在交互过程中能够清晰地感知到元件状态的变化。
• 就相当于你在淘宝页面上面鼠标移动他会选中并有颜色，鼠标点进搜索框也就是按下时他会改变颜色这就是交互样式。
  
  
• 可以看到当按钮按下时文本框🈲用。
  
  鼠标悬停、按下、禁用。。文本框的颜色有改变。
  

1.3交互事件：

• Axure中的交互事件是指在用户与原型交互时触发的行为，可以通过添加交互事件来模拟用户与产品的交互过程，包括点击、悬停、拖动等操作。
• Axure支持的交互事件包括点击、双击、鼠标悬停、鼠标移出、鼠标按下、鼠标释放、拖动等多种操作，用户可以根据实际需求选择相应的交互事件进行设计。

在这个添加事件里面选择你需要的事件。

可以看到有许多事件

单机按钮-设置文本内容为：矩形1里面会显示单击了按钮。

鼠标按下时：矩形1里面就会显示鼠标按下了等待3秒之后就会显示过了三秒。松开时：等待五秒就会显示又过了五秒

双击时矩形1里的内容就会显示点击了双击按钮

• 动态面板有自己独有的交互事件
  
  

1.4 交互动作：

• 所有动作是基于事件之上，没有事件之前是没有动作的，就像你写的方法就有地方调才能用。

在这个添加动作里面选择你需要的动作。

给按钮加事件触发动作，下面按钮中加的文字都是动作不是事件

给设置面板状态加单机时动态面板到下一项循环向左滑动，线性一秒

二、情形：

• 当用户名是张三，密码是123，输入了其他的就登不进去，只能输入张三和密码123。
• 简单来说就是什么情况就干什么事情。

下面给按钮加了单击时添加了情形，并设置文本。在文本框中输入什么，矩形就会根据你所设置的情形就是条件，符合条件的就会出现。




这里就是添加情形

案例：

简单的实现登录界面，登录之后主界面的菜单栏跳转到各个页面的跳转

简单版本的省市级联：