Axure 中继器的使用(一)

作者: Iam产品人 | 来源:发表于2017-01-06 22:36 被阅读72次

---By J

什么是中继器?

从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储数据的元件,就像是APP里的数据库,可以进行普通的增删改查,虽然没什么特别,但是却能够通过它实现很多令人意想不到的效果。

中继器是所有axure元件里,最复杂的元件。所以关于它的介绍,不是一次就能介绍完的。今天在这里,我先把它的基础操作给大家做讲解。让大家理解基础操作之后,能够举一反三的研究它更深层次的应用。

为什么要使用中继器?

在APP和网页中,数据列表随处可见,但是我们在原型的设计中,如何高效的展示你所设计的列表,而不是简单地贴上死板的图片?

我们先来看一下几个例子:

1、APP的数据列表

首先我们想达到的目的:


通过两个按钮分别显示不同类型的通知数据列表:

根据点击按钮先后顺序,将列表进行排序:

如何实现这样的动态加载效果?虽然用动态面板的方式也可以做到,但十分的繁琐且很死板,这个时候我们就需要使用中继器。

2、数据列表的增删改查

这个是我所需要显示的数据列表:

通过用户检索,只显示与检索条件一致的数据列表,达到我要的交互效果:

这种情况下,依然需要中继器的辅助。

如何使用中继器(一)

那么中继器该怎么使用呢?这一章将详细讲解效果一所展现的效果。

1、拖入中继器控件


2、双击所托入的中继器进行样式的编辑,编辑通用的样式,并且对每一个动态的控件进行命名

3、返回中继器,为中继器添加动态的字段以及想要展示的数据

4、将数据与界面关联起来:

编辑完后,列表就生成啦

5、那么如何做到刚加载时,一个数据都不显示呢?

好了 这下行的通了,初始的时候啥也没啦!!!

6、最后关键来啦,如何通过点击其他按钮触发事件来显示&排序这两个列表呢?

大功告成啦!怎么样,赶紧先试试吧~

该文档伪原创,转载请标明出处~

相关文章

  • Axure教程|一次性搞定中继器

    这一篇文集名为《Axure进阶之路》自然少不了Axure的难点之一中继器。中继器(repeat)应该算是Axure...

  • Axure中继器的使用

    最近在学Axure,觉得里面最难的就属元件中继器的使用了,下面就和大家分享一下它的使用方法。 打比方用中继器实现自...

  • 2018-07-26Axure入门

    今日完成: 1、axure中继器的添加,将文本框输入input 放入中继器output中,再从中继器output中...

  • Axure 中继器的使用(一)

    ---By J 什么是中继器? 从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储...

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

    关于中继器 中继器是axure原型制作中使用非常重要的一个元件,主要用途就是用来加载数据的,可以说是一个容器(器皿...

  • 中继器的新增、删除、筛选教程(原型下载)

    在Axure中中继器是一个神奇的东西。最近在处理列表的时候使用到了中继器的增、删、查。现在对于这个模块做一个简单的...

  • Axure中继器解析

    1 中继器 1.1 数据集 中继器有一个自带的数据集,如下图: Axure8环境下,拖入中继器,单击中继器,右上角...

  • 中继器基础之增删改查

    前面文章有说到过中继器,今天我们继续说一说中继器的基础操作,如果还不知道中继器是啥的,请看Axure系列教程(十)...

  • 006、初步认识Axure的中继器

    本篇文章带大家认识认识Axure里的中继器。 01定义 中继器,英文名称叫 repeater ,repeat 是重...

  • 新建表格——Axure PR 8 中继器-表格的增删改

    Axure PR 8 中继器-表格的增删改查 新建表格 1、拖拽中继器 2、选择属性 3、添加列,输入列名(非...

网友评论

    本文标题:Axure 中继器的使用(一)

    本文链接:https://www.haomeiwen.com/subject/nduxbttx.html