Axure的交互以及情形的介绍

2023-12-20 21:01
文章标签 介绍 交互 axure 情形

本文主要是介绍Axure的交互以及情形的介绍,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一. 交互

1.1 交互概述

通俗来讲就是,谁用了什么方法做了什么事情,主体"谁"对应的就是axure中的元件,"什么方法"对应的就是交互事件,比如单击事件、双击事件,"什么事情"对应的就是交互动作,比如打开连接、设置面板状态等。交互动作的体现一定是基于具有交互事件的前提下

当然除了这三个基本的元素外,还可以设置交互样式。例如鼠标悬停、鼠标按下等。在浏览有些网站时,当你的鼠标移动到某个位置上,就会出现一些东西,鼠标移开了,就没有了。这就是鼠标悬停。

1.2 交互事件

事件还可以分为自动触发的事件 和手动触发的事件

页面事件:自动触发的事件,当页面载入时,当窗口滚动时等

元件事件:元件的交互效果,都是人为手动触发的,比如单击某个按钮

1.3 页面交互事件

  • 页面载入时:当页面启动加载时触发的事件
  • 窗口尺寸改变时:当浏览器窗口大小改变时触发的事件
  • 窗口滚动时:当浏览器窗口滚动时触发的事件
  • 窗口向上滚动时:浏览器窗口向上滚动时触发
  • 窗口向下滚动时:浏览器窗口向下滚动时触发
  • 页面单击时:页面任意位置被鼠标单击时触发
  • 页面双击时:页面任意位置被鼠标双击时触发
  • 页面鼠标右击时:页面任意位置被鼠标右击时触发
  • 页面鼠标移动时:当鼠标在页面任意位置移动时触发
  • 页面按键按下时:当键盘上的任意按键被按下时触发
  • 页面按键松开时:当按键被松开时触发
  • 自适应视图改变时:当自适应视图被更改时触发

1.4 元件交互事件

  • 单击时:当元件被点击时。
  • 双击时:当元件被鼠标双击时。
  • 鼠标右击时:当元件被鼠标右键单击时。
  • 鼠标按下时:当鼠标按下左键没有被释放时。
  • 鼠标松开时:当元件被鼠标点击,这个事件由鼠标按键释放触发。
  • 鼠标移动时:当光标在一个元件上移动时。
  • 鼠标移入时:当光标移入元件范围时。
  • 鼠标移出时:当光标移出元件范围时。
  • 鼠标停放时:当光标在元件上方悬停时。
  • 鼠标长按时:当鼠标按下超过2秒没有被释放时。
  • 按键按下时:键盘上的按键被按下时。
  • 按键松开时:当键盘上的按键被松开时。
  • 移动时:当元件移动时,在页面中的坐标位发生了变化。
  • 旋转时:当元件旋转时。
  • 尺寸改变时:当元件宽度或高度发生改变时。
  • 显示时:当元件通过交互动作显示时。
  • 隐藏时:当元件通过交互动作隐藏时。
  • 获取焦点时:当一个输入项获取焦点时。
  • 失去焦点时:当一个输入项失去焦点时。
  • 选中改变时:适用于下拉框,当下拉框被选中的项发生了改变时,通常作为事件的一个逻辑条件。
  • 选中时:当复选框或单选按钮被选中时。
  • 取消选中时:当复选框或单选按钮取消选中时。
  • 载入时:当元件从一个页面的加载中载入时。
  • 文字改变时:当单行文本框或多行文本框中的文字发生改变时。
  • 状态改变时:当动态面板被设置了“设置面板状态”动作时。
  • 拖动开始时:当一个拖动动作开始时。
  • 拖动时:当一个动态面板正在被拖动时。
  • 拖动结束时:当一个拖动动作结束时。
  • 向左拖动结束时:当一个面板向左拖动结束时。
  • 向右拖动结束时:当一个面板向右拖动结束时。
  • 向上拖动结束时:当一个面板向上拖动结束时。
  • 向下拖动结束时:当一个面板向下拖动结束时。
  • 滚动时:当一个有滚动的面板上下滚动时。
  • 向上滚动时:当一个有滚动的面板,向上滚动时。
  • 向下滚动时:当一个有滚动的面板,向下滚动时。

1.5 交互样式

  • 鼠标悬停:当鼠标悬停在元件上时,元件的显示样式。
  • 鼠标按下:当鼠标按下元件时,元件的显示样式。
  • 选中:元件被选中时的显示样式。
  • 禁用:元件被禁止使用时的显示样式。
  • 获取焦点:当光标聚焦在元件(如文本框)上的显示样式。

1.6 交互动作

1.6.1 链接动作

  • 打开链接:跳转到一个全新的页面,链接打开的方式又可以细分为:当前窗口、新窗口/新标签、弹出窗口、父级窗口。
  • 关闭窗口:关闭当前页面或弹窗。
  • 框架中打开链接:在内部框架中打开新页面。
  • 滚动到元件:当页面的高度或宽度超出浏览器的显示范围时,可以用到这个功能。此动作,显示页面为当前页,并非跳转到新页面。在添加这个动作时,我们首先需要设定一个参照元件,设定了参照元件后,执行动作时,页面会自动滚动到选定的参考元件位置。

1.6.2 元件动作

  • 显示/隐藏:显示或隐藏某一个元件。
  • 设置面板状态:设置动态面板的显示状态,可以是明确的一个状态或者按变量指向的某一个状态;可以是按照某种规则显示的状态,比如自动切换上一个或下一个状态,支持循环切换;也可以直接停止状态的切换。
  • 设置文本:可以设置文本的显示内容,显示格式可以为富文本。
  • 设置图片:设置显示的图片,可以是本地导入的图片,也可以是根据变量确定显示的图片。
  • 设置选中:设置元件的选中状态:选中/不选中/切换。
  • 设置列表选中项:设置下拉列表与列表框的选中项。
  • 启用/禁用:设置元件为可用的/不可用的。
  • 移动:移动元件到指定坐标位置。
  • 旋转:元件围绕特定的中心点,进行顺时针或逆时针旋转一定的角度。
  • 设置尺寸:改变元件的宽度、高度。
  • 置于顶层/底层:将元件置于页面元件的顶层/底层。
  • 设置不透明:设置元件的不透明度,通常为一个百分比数据。
  • 获取焦点:设置光标聚焦在表单元件上(如文本框)。
  • 展开/收起树节点:展开树元件的节点/收起树元件的节点。

1.6.3 中继器动作

  • 新增排序:根据查询结果对数据集中的项进行排序。
  • 移除排序:移除所有排序。
  • 添加筛选:根据查询条件筛选数据集中的项。
  • 移除筛选:移除所有筛选。
  • 设置当前显示页面:使用分页时,显示指定的页面。
  • 设置每页项目数量:使用分页时,设置每页显示中继器项的数目。
  • 添加行:添加一行数据到数据集。
  • 标记行:选择数据集中的数据行。
  • 取消标记:取消选择的数据行。
  • 更新行:编辑数据集中选择的行。
  • 删除行:删除选中的行。

1.6.4 其他动作

  • 设置自适应视图:根据浏览器窗口的大小,自动调整元件的尺寸。
  • 设置变量值:设置一个或多个变量作为元件的值,例如文本的内容可以设置为一个全局变量。
  • 等待:延迟一段时间后,执行后面的动作,1秒=1000毫秒。
  • 其他:在弹出窗口中显示文字描述。

二. 情形

情形主要是指附着在事件上的用例,一个事件可以有多个情形。它相当于在开发中的if条件判断。

以登录举例:

我给账号框和密码框设置一个【失去焦点事件】,再启用情形 若账号!=zhangsan,就提示账号输入错误;若密码!=123456 就提示密码输入错误。只有两个都输入正确,才能进入主页。

 

三. 菜单栏跳转页面案例

 

这篇关于Axure的交互以及情形的介绍的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/517486

相关文章

性能测试介绍

性能测试是一种测试方法,旨在评估系统、应用程序或组件在现实场景中的性能表现和可靠性。它通常用于衡量系统在不同负载条件下的响应时间、吞吐量、资源利用率、稳定性和可扩展性等关键指标。 为什么要进行性能测试 通过性能测试,可以确定系统是否能够满足预期的性能要求,找出性能瓶颈和潜在的问题,并进行优化和调整。 发现性能瓶颈:性能测试可以帮助发现系统的性能瓶颈,即系统在高负载或高并发情况下可能出现的问题

水位雨量在线监测系统概述及应用介绍

在当今社会,随着科技的飞速发展,各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中,水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术,其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成,形成了一个完整的闭环系统。 数据采集单元:这是系统的“眼睛”,

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数

图神经网络模型介绍(1)

我们将图神经网络分为基于谱域的模型和基于空域的模型,并按照发展顺序详解每个类别中的重要模型。 1.1基于谱域的图神经网络         谱域上的图卷积在图学习迈向深度学习的发展历程中起到了关键的作用。本节主要介绍三个具有代表性的谱域图神经网络:谱图卷积网络、切比雪夫网络和图卷积网络。 (1)谱图卷积网络 卷积定理:函数卷积的傅里叶变换是函数傅里叶变换的乘积,即F{f*g}

C++——stack、queue的实现及deque的介绍

目录 1.stack与queue的实现 1.1stack的实现  1.2 queue的实现 2.重温vector、list、stack、queue的介绍 2.1 STL标准库中stack和queue的底层结构  3.deque的简单介绍 3.1为什么选择deque作为stack和queue的底层默认容器  3.2 STL中对stack与queue的模拟实现 ①stack模拟实现

Mysql BLOB类型介绍

BLOB类型的字段用于存储二进制数据 在MySQL中,BLOB类型,包括:TinyBlob、Blob、MediumBlob、LongBlob,这几个类型之间的唯一区别是在存储的大小不同。 TinyBlob 最大 255 Blob 最大 65K MediumBlob 最大 16M LongBlob 最大 4G

FreeRTOS-基本介绍和移植STM32

FreeRTOS-基本介绍和STM32移植 一、裸机开发和操作系统开发介绍二、任务调度和任务状态介绍2.1 任务调度2.1.1 抢占式调度2.1.2 时间片调度 2.2 任务状态 三、FreeRTOS源码和移植STM323.1 FreeRTOS源码3.2 FreeRTOS移植STM323.2.1 代码移植3.2.2 时钟中断配置 一、裸机开发和操作系统开发介绍 裸机:前后台系

nginx介绍及常用功能

什么是nginx nginx跟Apache一样,是一个web服务器(网站服务器),通过HTTP协议提供各种网络服务。 Apache:重量级的,不支持高并发的服务器。在Apache上运行数以万计的并发访问,会导致服务器消耗大量内存。操作系统对其进行进程或线程间的切换也消耗了大量的CPU资源,导致HTTP请求的平均响应速度降低。这些都决定了Apache不可能成为高性能WEB服务器  nginx:

uniapp设置微信小程序的交互反馈

链接:uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗: title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon:'error'是设置我们失败的logo 设置的文字上限是7个文字,如果需要设置的提示文字过长就需要设置icon并给

多路转接之select(fd_set介绍,参数详细介绍),实现非阻塞式网络通信

目录 多路转接之select 引入 介绍 fd_set 函数原型 nfds readfds / writefds / exceptfds readfds  总结  fd_set操作接口  timeout timevalue 结构体 传入值 返回值 代码 注意点 -- 调用函数 select的参数填充  获取新连接 注意点 -- 通信时的调用函数 添加新fd到