axure中的中继器,是为了实现增加和删除的高保真原型。
若实现数据的增加和删除,就要有数据存储的机制。所以中继器中有了“数据集”的概念。
我理解的数据集和数据库的概念是相似的。所以就有了加载页面时需要读取数据集合;增加数据时,要处理好字段的对应关系;删除数据时,需要知道数据索引。这样看中继器就不难理解了。
下面就来记录一下这两天的学习成果:选择“中继器”元件
选择好中继器之后会发现,这个展示的样子和我们想要的格式相差甚远,下面就来发掘一下这个中继器身上的秘密。双击中继器,进入中继器的编辑页面,干掉最开始的小框框,然后设计我们要是的“一条”信息,注意这里是一条,而不是全部的列表哦。
这里,我要显示应用是卡片展示的。所以如上图。下面开始配置列表的展示形式,这里我配置了三个地方。
(1)选择水平,这样卡片会以水平网格的形式展示
(2)多页显示,即使分页处理,并且规定了每页最多是12个卡片的控制
(3)间距,根据自己的需求填写间距
排版的格式完成后,我们就开始进行数据展示,前面有提过,中继器的数据部分都在它的数据集中。
数据集合配置,在卡片中我要展示的信息有三个,将三个属性在数据集中进行配置。同时中继器中的每个输入框命名。
(1)应用名称:appname
(2)类型:apptype
(3)描述:appdescribe
下面实现加载页面时,显示数据集中的数据
①增加载入时事件,为每个属性配置数据集属性
②选择设置文本
③为中继器中每个输入框进行赋值
④选择fx按钮进行配置
⑤选择中继器数据集中对应的名称
以上几个步骤可以理解为从数据集中初始化卡片数据。
配置成功后,预览数据,显示如上图。
下面进行增加数据的过程
首先创建新建应用的动态面板。为新增按钮创建单击事件。
同时增加应用的每个输入框进行命名,确定按钮添加事件如下:
(1)创建添加行事件
(2)为数据集中的属性,找到增新数据的对应输入框
点击fx进行编辑后如下图:
先添加局部变量,找到新增对应的输入框名称,然后再“插入变量或函数”,选择刚才添加的局部变量。
为所有的中继器数据集中的属性逐个添加新增的数据来源,就完成了新增的功能。