UI设计基础-2017 中继器 中继器.docxVIP

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、中继器概述 1 二、 中继器动作 1 三、具体步骤 5 中继器 本次课程介绍中继器元件是一种高级元件，是一个存放数据集的容器，通常使用中继器来显示商品列表、联系人信息列表和数据表等。 一、概述 中继器元件是由中继器数据集(Repeater?Dataset)中的数据项填充的，数据项可以是文本、图片或页面链接。将中继器元件拖入Axure RP页面编辑区内，选中后双击中继器元件，就会进入中继器面板，在这里可以对中继器进行编辑和设置。二、中继器动作添加排序:为中继器增加排序命令。移除排序:为中继器删除排序命令。添加筛选:为中继器添加筛选命令。移除筛选:为中继器删除筛选命令。设置项目数量:设置中继器的项目数量。数据集:控制数据集。添加行:为中继器的数据集添加行。标记行:为中继器的数据集标记行。取消标记:为中继器的数据集取消标记行。更新行:为中继器的数据集更新行。删除行:为中继器的数据集删除行。执行“文件新建”命令，新建一个项目文件，如图所示。将中继器拖曳到页面中，并重命名为“框架”，如图所示。  三、步骤 （一）双击中继器进入中继器编辑页面，在页面编辑区内有一个矩形元件，在检视面板中会出现“数据集”标签，如图所示。在检视面板中可以编辑中继器的数据集、用例交互和格式设置。 提示：中继器的数据集就像一个Excel表格，双击Column即可对中继器的列进行重命名，在Axure?RP?中是不能以中文命名项目名称的。将Column?重命名为Picture,如图4-180?所示。单击“添加行”按钮，将添加的行重命名，即可添加行，如图4-181所示 （二）使用相回的方法单击“添加列”，将新添加的列重命名，即可添加列，如图所示。选中第1行第1列的位置，如图所示。 单击鼠标右键，弹出如图所示的下拉菜单。导入图片:在中继器中插入图片。引用页面:可以添加参考页，当用户单击时就跳转到相关的页面，单击鼠标右键，弹出“引用页面对话框，可以选择相应的页面，如图所示。 插入行:可以插入行。删除行:可以删除选中行。上移选中行:将选中的行向上移动。下移选中行:将选中的行向下移动。插入列:可以插入列。删除列:可以删除选中列。左移选中列:将选中的行向左移动。右移选中列:将选中的行向右移动。单击“样式”选项，可以修改中继器的“布局”和“间距”参数，如图所示。 （三）其他等待:让Axure?RP?在等待一定的毫秒数后，再执行下面的动作，类似编程中的sleep功能。其他:包括其他任何Axure?RP不支持的，但是用户希望未来网站能够支持的功能。这个其实不是一个动作，而是一个描述。例如用户希望告诉开发者，在单击某个按钮时，播放一个声音，即可选择“其他”动作，在配置动作中说明要播放的声音。触发事件:可以在更多情况下为一个元件同时添加多个交互事件。