第八章 中继器的使用

第八章

中继器的使用CONTENTS目录01

8.1中继器的组成02

8.2中继器的使用03

8.3数据集的操作04

8.4项目列表操作8.1中继器的组成01中继器的组成基本概念Axure中继器是创建重复数据集合或列表的功能强大组件，可模拟动态数据和展示重复内容。使用步骤使用时需先定义数据源和模板，再设置交互事件和条件，实现动态操作和响应。数据填充与面板中继器元件由数据集中文本、图片或页面链接等数据项填充，双击可进入中继器面板编辑设置。默认显示设置默认显示数量与“检视：中继器”面板数据行一致，默认元件为一列3行。数据集

01数据集位置位于“检视：中继器”面板底部，可添加行、列，管理内容。02数据集内容包含文本、图片、页面引用，右键菜单操作导入、引用。项目交互

项目交互功能用于数据集数据传递至原型元件显示或执行动作，支持载入、每项加载、尺寸调整触发，常用“每项加载时”显示数据集信息。

常用触发事件“每项加载时”事件，用于将数据集中的书籍等数据直接显示在模板元件上，实现数据动态展示效果。交互样式设置

交互样式设置调整中继器排版、布局、分页，支持垂直、水平布局，自定义每页项目数。

中继器布局默认垂直布局，可切换至水平，启用网格排布设定每排项目数。

分页显示设置勾选分页显示，设置每页项目数及起始页码，实现自定义分页效果。8.2中继器的使用02中继器的使用中继器的使用将中继器拖入页面，双击编辑，用图片和文本标签制作页面，命名元件，返回后在样式面板输入参数并导入图片。使用中继器属性对象编组与填充设置全部内容选中，组合对象（Ctrl+G）并命名“表格”，设置交互样式“选中”填充颜色为#3389FF。选项组与事件配置在“设置选项组名称”文本框中设置选项组名，双击“鼠标单击时”事件，选择“选中”动作，勾选中继器组并设置参数。中继器选项设置返回Page1页，点击“交互”面板下“（中继器名称）”右边图标，取消“隔离列表项之间的选项组”选项。页面预览操作单击工具栏上的“预览”按钮或者按下“.”键预览页面，预览效果。8.3数据集的操作03中继器基础操作

中继器操作添加、标记、取消标记、更新和删除行，管理数据集内容。

具体功能通过简单命令，灵活控制中继器数据集行的状态和操作。使用中继器实现自增步骤

拖入基础元件使用中继器实现自增新建Axure文档，拖入默认按钮并修改文字，拖入中继器修改宽度、删除数据集至1行，返回Page1命名中继器为“data”。

设置按钮交互选择按钮元件，在“交互”面板新建交互，选“单击时”事件，添加“添加行”动作，勾选“data”复选框，单击“添加行”按钮，在对话框中单击“fx”按钮，再添加局部变量并设置参数。

完成设置与预览单击“插入变量和函数”插入变量，多次单击“确定”按钮，单击“预览”按钮预览效果。8.4项目列表操作048.4.1使用中继器中继器设置页面载入时，设置每页显示4项，实现分页效果。预览效果单击“确定”，预览页面，确认分页功能正常。8.4.2使用中继器设置排序

按钮设置调整按钮大小、位置，设置文字，触发“鼠标单击时”事件，添加按价格升序排序动作。

预览效果确认设置后，返回index页面，通过预览按钮查看动态排序效果。8.4.3使用中继器添加分页

中继器分页功能通过“按钮”元件设置分页导航，首页按钮跳转至“商品展示”页，实现“上一页”、“下一页”、“尾页”的翻页功能。

页面跳转配置配置“单击时”事件，选择“设置当前显示页面”动作，针对不同按钮选择“Last”、“Previous”、“Next”实现分页。8.4.4使用中继器添加翻页

创建文本标签使用“文本标签”元件创建文本内容，创建名称为“page”的文本标签，再次创建名称为“all”的文本标签。设置中继器事件选择中继器元件，单击“载入时”事件，选“设置文本”动作，勾选“page”，设文本为“富文本”，单击“编辑文本”，在对话框底部选“添加局部变量”。插入变量与函数单击“插入变量或函数”，选