当前位置:   article > 正文

第32节-事件-情形-动作(Events-Cases-Actions) | 剑雨Axure RP9系列【基础】_axure情形是什么

axure情形是什么

事件-情形-动作(Events-Cases-Actions)

交互定义了一个元件或者页面的动态行为。在AXURE的右侧交互栏目中创建和管理交互。可以在底部来设置交互,也可以单击新建交互来创建。
20190714210646.png

提示:当窗口空间不够大时可采用以下方法来打开交互编辑器

  1. 单击“ 交互”窗格右下角的窗口图标
  2. 双击某一个事件
    20190714211314.png

交互的构成

一个交互由3部分构成(具体可查看下图:

  1. 元件或页面的事件
  2. 在此事件上的情形
  3. 针对该情形的动作
    事件是通过不同的情形和动作来对外界输入作出的一种反映。所以,事件包含一个或多个情形,而情形中又可包含多个动作不同的情形通过判断各自的条件来进行将要做什么,也就是说,不同的情形是不会同时发生的。就相当于写 if() 语句时,
if(条件1) 
{   执行case1中actions;}
   if(条件2) {  执行case2中actions;}
  • 1
  • 2
  • 3

用集合的概念来描述上面三者的关系:事件>情形>动作。 因此事件可以理解为Function, 情形理解为条件1,2,3,而动作则理解为Actions

事件:约会

情形动作
情形1:下雨时1.买一把漂亮的双人雨伞;
2.提前订好一个室内的餐馆;
3.告诉对方餐馆地址及时间。
情形2:未下雨时1. 去公园散步;
2.告诉对方在哪个公园。

9EventsCasesActions.png

事件

如上图所示,红色边框内的为与元件或页面对应的事件,原型在加载时,事件会被触发, 例如右侧的状态改变时事件,还有载入时事件。

  • 查看一个元件或页面的事件:单击元件或页面,在右侧交互栏目中可查看;
  • 事件的删除:选中某一个事件后,按Delete即可。

可在本文下面查看AXURE软件的事件列表。

情形

情形主要是指附着在事件上的用例,一个事件可以有多个情形,当鼠标悬浮在事件上时,可以看到右侧的添加情形按钮,可以设置触发条件来设置情形的启动。
情形的删除:选中某一个情形后,直接按Delete即可。

注意:可用鼠标来拖动情形的顺序,特别是你使用条件逻辑时,情形的顺序是非常重要的。
在上图中的红色框内为情形

动作

动作是在某一情形下的操作。

  • 动作的添加:直接在情形的右侧添加目标按钮,亦可单击情形下方的+按钮。
    同理,可用鼠标来拖动动作的顺序。

在上图中的黄色框内为动作
可在文尾查看AXURE软件的动作集合。

页面和母版的事件

  • 页面载入时 OnPageLoad:Web浏览器中加载页面时
  • 窗口尺寸改变时 OnWindowResize:调整浏览器窗口大小时
  • 窗口滚动时 OnWindowScroll:当浏览器窗口向任何方向滚动时
  • 窗口向上滚动时 OnWindowScrollUp:当浏览器窗口向上滚动时
  • 窗口向下滚动时OnWindowScrollDown:当浏览器窗口向下滚动时
  • 页面单击时 OnPageClick:单击页面背景时
  • 页面双击时 OnPageDoubleClick:双击页面背景时
  • 页面鼠标右击时 OnPageContextMenu:右键单击页面的背景
  • 页面鼠标移动时 OnPageMouseMove:当光标在页面上移动时连续触发
  • 页面按键按下时 OnPageKeyDown:按下键盘键时
  • 页面按钮松开时 OnPageKeyUp:释放键盘键时
  • 自适应视图改变时 OnAdaptiveViewChange:当前自适应视图由于浏览器窗口大小调整而改变,或者通过设置自适应视图操作或原型播放器中的自适应视图下拉列表来设置视图
    9Interactions.png

元件的事件

所有元件适用的事件

  • OnClick:单击小部件时

  • OnMouseEnter:当光标移动到窗口小部件上时

  • OnMouseOut:当光标移出小部件时

  • OnDoubleClick:双击窗口小部件时

  • OnContextMenu:右键单击窗口小部件

  • OnMouseDown:单击小部件时,按下光标

  • OnMouseUp:单击小部件时,单击释放后

  • OnMouseMove:在窗口小部件上移动光标时连续触发

  • OnMouseHover:光标悬停在窗口小部件上一秒钟后

  • OnLongClick:单击小部件并保持一秒钟

  • OnKeyDown:在键入小部件时按下键盘键

  • OnKeyUp:键入小部件时释放键盘键

  • OnMove:当移动操作移动窗口小部件时

  • OnRotate:通过“ 旋转”操作旋转窗口小部件时

  • OnResize:通过“ 设置大小”操作更改窗口小部件的大小时

  • OnShow:通过“ 显示”或“ 切换可见性”操作显示窗口小部件时

  • OnHide:通过“ 隐藏”或“ 切换可见性”操作隐藏窗口小部件时

  • OnFocus:当窗口小部件通过单击或选项卡获得浏览器焦点时

  • OnLostFocus:当窗口小部件通过单击或标签离开时失去浏览器焦点

  • OnLoad:当小部件最初在Web浏览器中加载时(在OnPageLoad之后触发)

  • OnSelectedChange:当窗口小部件的选定状态由于“ 设置选定”操作或单击复选框或单选按钮而发生更改时

  • OnSelected:使用“ 设置选定”操作或单击复选框或单选按钮将窗口小部件设置为其选定状态时

  • OnUnselected:使用“ 设置选定”操作或单击复选框或单选按钮将窗口小部件设置为未选定状态时

仅用于下拉列表和列表框的事件

OnSelectionChange:当下拉列表或列表框中的选定选项发生更改时

仅限动态面板

  • OnPanelStateChange:当动态面板的状态与变化设置面板州行动

  • OnDragStart:当您开始拖动动态面板时

  • OnDrag:在拖动动态面板时连续触发

  • OnDragDrop:当您停止拖动动态面板时(释放鼠标时触发,而不是在它停止移动时触发)

  • OnSwipeLeft:当动态面板是由右至左刷卡

  • OnSwipeRight:当动态面板从刷卡左到右

  • OnSwipeUp:当一个动态面板从底部刷到顶部

  • OnSwipeDown:当一个动态面板从顶部刷卡到底部

  • OnScroll:当带有滚动条的动态面板向任何方向滚动时

  • OnScrollUp:带有滚动条的动态面板向上滚动

  • OnScrollDown:向下滚动带有滚动条的动态面板

仅限中继器

  • OnItemLoad:当转发器的项目首次加载到Web浏览器中并且转发器的数据集以任何方式更改时

  • OnItemResize:当转发器项目的大小因任何交互而变化时(例如项目中的小部件被显示,隐藏或调整大小)

动作集

链接links

打开链接:可在以下三个位置中打开URL或原型内部页面:

  • 当前窗口:当前的浏览器窗口
  • 新窗口/选项卡:新的浏览器窗口或选项卡
  • 弹出窗口:弹出窗口
  • 父窗口:弹出窗口的父窗口(必须在弹出窗口中加载的页面中使用)
    关闭窗口:关闭当前浏览器窗口或选项卡
    在框架中打开链接:更改内嵌框架窗口小部件或包含嵌入框架的页面中加载的页面
  • 内联框架:和页面上的内联框架
  • 父框架:包含内联框架的页面(必须在内联框架中加载的页面中使用)
    滚动到窗口小部件(锚点链接):将浏览器窗口滚动到页面上窗口小部件的位置

元件

  • 显示/隐藏:更改窗口小部件的可见性
  • 设置面板状态:更改动态面板的可见状态
  • 设置文本:更改窗口小部件上的文本
  • 设置图像:更改图像窗口小部件上的图像
  • 设置选中
  • 设置选定列表选项:更改下拉列表或列表框的选定列表选项
  • 启用/禁用:启用或禁用窗口小部件。禁用的窗口小部件无法在Web浏览器中进行交互,并且如果它具有“已禁用”样式效果,则其可视外观会更改
  • 移动:将小部件移动到页面上的新位置
  • 旋转:围绕选定的锚点旋转窗口小部件
  • 设置大小:更改小部件的大小
  • 带到前/后:将小部件带到页面深度顺序(z-index)的最前层或最后层
  • 设置不透明度:更改窗口小部件的不透明度
  • 焦点:提供窗口小部件浏览器焦点,将文本光标移动到文本输入窗口小部件并突出显示可单击的窗口小部件
  • 展开/折叠树节点:展开或折叠树窗口小部件的选定节点
  • 变量

    设置变量值:设置全局变量的值

中继器

  • 添加排序:使用指定的排序条件对转发器数据集进行排序

  • 删除排序:从转发器中删除排序

  • 添加过滤器:使用指定的过滤条件过滤转发器数据集

  • 删除过滤器:从转发器中删除过滤

  • 设置当前页面:显示分页转发器的特定页面

  • 每页设置项目数:设置分页转发器每页显示的项目数

  • 数据集>添加行:向转发器的数据集添加新行

  • 数据集>标记行:标记转发器数据集中符合指定条件的行

  • 数据集>取消标记行:取消标记转发器数据集中符合指定条件的行

  • 数据集>更新行:更新转发器数据集中的现有数据

  • 数据集>删除行:从转发器的数据集中删除行

其他动作

  • 设置自适应视图:更改Web浏览器中显示的自适应视图

  • 等待:在执行任何后续操作之前,以毫秒为单位添加指定时间的暂停

  • 其他:显示指定的文本描述(作为尚未原型化的操作的占位符)

  • Fire事件:在页面,主控或窗口小部件上触发指定的事件

  • 提升事件: “提升”主人控件中的事件直到页面级别

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/110313
推荐阅读
相关标签
  

闽ICP备14008679号