Axure系列教程(十):中继器的介绍

关于中继器

中继器是axure原型制作中使用非常重要的一个元件,主要用途就是用来加载数据的,可以说是一个容器(器皿)。那么中继器能做什么呢?我们就用例子来看一看。中继器是在元件库当中就可以找到,拖到工作区域后

Axure系列教程(十):中继器的介绍_第1张图片

我们就会发现右上角会有一个蓝底白色的数字1,这个代表的是这里有一个交互,这个不用担心在预览的时候蓝底白色的数字1是不会出现的,在这里也仅仅是一个提示作用!

 当我们双击进入中继器编辑页面后,这里最重要的是如何去添加我们的数据,那我们往下看能找到

Axure系列教程(十):中继器的介绍_第2张图片

那在哪里添加呢?当然是在数据集里面添加数据喽!横代表的是行,竖代表的是列。这个地球人都懂哈!这里要注意的一点是列名最好是采用英文命名,虽然中文也是可以的,但不推荐这样命名!数据我们可以利用execl表格做好之后可以直接采用复制大法,进行粘贴!这样子会发现会多出一个空白行,删除空白行就行了。在这里要注意一下,如果我添加一张图片到数据集当中可以咩,答案是当然可以,第一种是采用复制大法,第二种是在需要导入的图片所在的行,单击右键-选择导入图片。

  现在数据有了,那如何把数据放到数据容器当中呢!这里有必要进行交互啦!选择上图的项目交互

Axure系列教程(十):中继器的介绍_第3张图片

设置每项加载时,我们的数据是一项一项加载的,所以设置每项加载时事件,[[Item.Column0]]这个指代的是刚刚我们设置的那一列数据的列名。要是有多列数据,就一一进行设置,这里要特别注意的是我的列名一定要跟我的数据一一对应,不然就显得牛头不对马嘴了。设置完成之后就大功告成了,之后直接按F5进行预览。

Axure系列教程(十):中继器的介绍_第4张图片

这就是我们预览之后所呈现的效果啦!

你可能感兴趣的:(Axure系列教程(十):中继器的介绍)