Axure中继器的基本使用

介绍中继器

在 Axure 中,中继器是一种交互设计元素,用于在不同页面之间传递数据或触发特定的事件。它可以帮助模拟真实的用户交互流程和页面之间的传递逻辑,继承关系用于描述两个元件之间的父子关系。通过使用继承关系,您可以创建一个"继承"或"派生"元件,它将继承父元件的属性和样式。

继承关系可以在Axure中以两种方式来实现:继承和使用主元件。

1.继承:在Axure的默认使用方式中,您可以将一个元件拖放到另一个元件上,使其成为父元件的子元件。这样,子元件将继承父元件的属性和样式。

2.使用主元件:通过将一个主元件应用于其他元件,您可以实现继承关系。在这种情况下,主元件定义了属性和样式,而其他元件则"使用"这些属性和样式。

在 Axure 中,你可以创建中继器并将其放置在一个页面上。然后,你可以在其他页面或部件上使用中继器来接收或发送数据。例如,当用户在一个页面中填写表单时,你可以使用中继器来传递这些填写的数据给其他页面进行处理或展示。

使用中继器可以模拟用户在不同页面之间传递数据的行为,同时也有助于设计和测试复杂的交互流程。你可以在 Axure 的交互设计中使用中继器来创建更加动态和实用的原型。

在 Axure 中,中继器可以与其他交互元素组合使用,例如链接、按钮和条件逻辑等,以实现更丰富的交互效果。它可以帮助你更好地展示页面之间的数据传递和用户操作的结果。

总结来说,Axure 中的中继器是一种交互设计元素,用于在不同页面之间传递数据或触发特定的事件。它是模拟用户交互流程和页面之间传递逻辑的有用工具。

Axure中继器应用场景

Axure中的中继器可以在以下场景中应用:

  1. 表单数据传递:当用户在一个页面填写表单后,可以使用中继器将填写的数据传递给其他页面进行处理或展示。这样可以模拟真实的数据传递过程,并测试表单在不同页面中的功能和效果。

  2. 分步向导:在设计分步向导的过程中,中继器可以用来跟踪用户在每个步骤中的选择和输入。通过使用中继器,可以将每个步骤的数据传递给下一个步骤,确保用户在整个流程中可以正确地跳转和保存输入的数据。

  3. 动态内容展示:可以使用中继器来动态地加载内容,例如在一个页面中选择了某个项目后,可以通过中继器将选择的项目数据传递给其他页面或部件进行展示,并根据不同的选择显示不同的内容。

  4. 触发特定事件:中继器可以用来触发特定的事件,例如点击一个按钮后,通过中继器触发相关的交互行为或页面跳转。

  5. 多页面交互:在设计多页面交互时,中继器可以用来在不同页面之间传递数据或触发事件,从而实现复杂的交互效果。

Axure中的中继器可以在需要模拟数据传递、触发特定事件、分步向导和多页面交互等场景中应用,帮助设计师创建更具动态和实用性的原型。

Axure中继器使用步骤

在Axure中使用中继器的步骤如下:

  1. 建立中继器:在Axure的页面或母版中,选择"动态面板"工具,在页面上绘制一个动态面板,并将其命名为中继器名称。

  2. 定义中继器变量:在中继器上,选择"添加状态",并定义需要传递的变量。例如,可以创建一个"姓名"变量和一个"邮箱"变量。

  3. 发送数据到中继器:在需要传递数据的组件上,选择"交互"选项卡,在"点击"或其他触发事件中选择"设置变量值",选择对应的变量,并为其赋予相应的值。这样点击该组件时,数据将被发送到中继器中。

  4. 从中继器获取数据:在其他页面或组件中,选择"交互"选项卡,在需要使用中继器数据的组件上,选择"设置文本"或其他适当的交互行为,选择中继器变量,并将其设置为需要显示的文本值或其他效果。

  5. 模拟交互:在Axure中点击"预览"按钮,模拟用户与原型的交互过程。当用户输入数据或触发事件时,中继器将负责传递和接受数据,并在相应的组件中展示或触发相应的效果。

需要注意的是,中继器在Axure中是一种模拟数据传递和交互的方法,它并不会真正改变或保存数据,只是用于原型的设计和展示。在实际开发中,需要使用后端代码或数据库来实现类似的数据传递和保存功能。

基本使用:

双击继器部件,进入继器编辑模式。在这里,您可以定义继器的列数和行数,并填充每个单元格中的数据。您可以手动输入数据,也可以从外部数据源导入数据。

 您可以手动输入数据,也可以从外部数据源导入数据。

 

编辑值

在以上的完成下我们可以完成增删改查

增删改查步骤:

使用Axure中继器完成增删改查的步骤如下:

1. 建立中继器:在Axure的页面或母版中,选择"动态面板"工具,在页面上绘制一个动态面板,并将其命名为中继器名称。

2. 定义中继器变量:在中继器上,选择"添加状态",并定义需要传递的变量。例如,可以创建一个"姓名"变量、一个"电话"变量和一个"邮箱"变量。

3. 添加数据输入框和按钮:在页面上添加表单输入框用于用户输入数据,并添加增加、删除、修改和查询按钮。

4. 发送数据到中继器:在增加、删除、修改和查询按钮上,选择"交互"选项卡,在"点击"事件中选择"设置变量值",选择对应的变量,并为其赋予相应的值。例如,在增加按钮上选择"姓名"、"电话"和"邮箱"变量,并为其赋予输入框中的值。

5. 从中继器获取数据:在数据展示区域,例如列表或详情页面中,选择"交互"选项卡,在"页面加载"事件中选择"设置文本"或其他适当的交互行为,选择中继器变量,并将其设置为需要展示的数据。例如,在列表中,选择"姓名"、"电话"和"邮箱"变量,并将其与相应的文本框关联。

6. 模拟交互:在Axure中点击"预览"按钮,模拟用户与原型的交互过程。当用户输入数据或点击增加、删除、修改和查询按钮时,中继器将负责传递和接受数据,并在相应的展示区域中展示或触发相应的效果

需要注意的是,中继器在Axure中是一种模拟数据传递和交互的方法,它并不会真正改变或保存数据,只是用于原型的设计和展示。在实际开发中,需要使用后端代码或数据库来完成真正的增删改查功能。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/289235.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

BBS项目--登录

BBS阶段性测试总要求 django登录报错 Error: [WinError 10013] 以一种访问权限不允许的方式做了一个访问套接字的尝试。 原因分析:出现这种情况在Windows中很常见,就是端口被占用 解决措施:这时我们只需改一下端口便可以了 登录前端页面(HTML…

网络基础介绍

1.网线制作 1.1 网线制作需要的工具 网线 网线钳 水晶头 测试仪 ​编辑 1.2 网线的标准 1.3 网线的做法 2.集线器&交换机&路由器的介绍 3.OSI七层模型 4.路由器的设置 4.1 常见的路由器设置地址 4.2 常见的路由器账号密码 4.3 登录路由器 设置访客网…

Dynamsoft Barcode Reader 使用教程:QR码,PDF417和DataMatrix有什么区别?

Dynamsoft Barcode Reader SDK一款多功能的条码读取控件,只需要几行代码就可以将条码读取功能嵌入到Web或桌面应用程序。这可以节省数月的开发时间和成本。能支持多种图像文件格式以及从摄像机或扫描仪获取的DIB格式。使用Dynamsoft Barcode Reader SDK,…

网工内推 | 上市公司中级网工,思科、华为认证优先,有带薪年假

01 新晨科技 招聘岗位:中级网络工程师 职责描述: 1. 负责公司网络系统的规划、设计、实施、维护和优化; 2. 负责网络设备的选型、采购、安装、配置和调试; 3. 负责网络安全策略的制定和实施,保障公司网络安全&#xf…

简易实现 STL--list

实现 list 的主要思想及过程 首先,实现过程中的所有代码必须放在自己定义的命名空间中。 定义一个结点的结构体类模板,结点的数据类型就应该是模板类型 T,定义的 next指针和 prev指针都应该是模板指针类型,并且结构体类中药有构…

Codeforces Round 916 (Div. 3)(G未补)

目录 A. Problemsolving Log B. Preparing for the Contest C. Quests D. Three Activities E1.E2. Game with Marbles F. Programming Competition A. Problemsolving Log 题意:A任务需要一分钟完成,B任务需要两分钟完成,……以此类推…

【C++题目速刷】二分查找

【C题目速刷】二分查找 一、二分查找1、题目链接2、解题3、代码 二、在排序数组中查找元素的第一个和最后一个位置1、题目链接2、解题3、代码4、算法模板 三、x的平方根1、解题链接2、解题3、代码 四、搜索插入位置1、题目链接2、解题3、代码 五、山脉数组的峰顶索引1、题目链接…

令人惊叹的代码技巧

在编程世界中,有一些令人惊叹的代码技巧和巧妙的实现方式。以下是一些我见过的令人印象深刻的代码技巧: 函数式编程魔法: 使用函数式编程的一些特性,比如高阶函数、匿名函数和Lambda表达式,可以使代码更为简洁、易读。…

Apollo Planning——TASK之PathBoundsDecider

在modules/planning/conf/scenario/lane_follow_config.pb.txt配置文件中,我们可以看到LaneFollow所需要执行的所有task。 stage_config: {stage_type: LANE_FOLLOW_DEFAULT_STAGEenabled: truetask_type: LANE_CHANGE_DECIDERtask_type: PATH_REUSE_DECIDERtask_t…

【python】在线代码混淆方案及注意事项

▒ 目录 ▒ 🛫 导读开发环境 1️⃣ 在线网站pyob混淆操作步骤编写测试代码混淆转pyc缺点中文路径问题:python: Cant reopen .pyc file 2️⃣ 反编译python文件格式对比uncompyle6 3️⃣ 其它方案cpythonpython-obfuscatorPyInstaller【不推荐】pyminifie…

补题与周总结:leetcode第 376 场周赛

文章目录 复盘与一周总结2967. 使数组成为等数数组的最小代价(中位数贪心 回文数判断)2968. 执行操作使频率分数最大(中位数贪心 前缀和 滑窗) 复盘与一周总结 wa穿了第3题,赛时其实想到了思路:中位数贪心…

【 USRP安装教程】MATLAB 2023B

步骤 matlabdocusrp驱动包 doc 安装包内容列表 双击“R2023b_Doc_Windows.iso” 打开cmd 查看盘符 切换盘符 因为是F盘,所以cmd输入:“F:” F:进入可安装界面 cd F:\bin\win64安装离线文档库 .\mpm install-doc --matlabroot"C:\MATLAB\R202…