美文网首页axure
axure之中继器学习以及一些原件属性的使用

axure之中继器学习以及一些原件属性的使用

作者: super小明 | 来源:发表于2016-03-26 21:08 被阅读849次

这一周我学习了中继器的基本使用以及了解了一些原件属性的使用方法。

首先介绍中继器。

中继器我大致分为三个方面进行的学习。

●中继器的基本结构组成。

●中继器如何添加修改与删除数据。

●中继器数据的筛选、排列与分页以及设置每页项目数量。

一:中继器的基本结构组成。

通过一个例子来了解中继器的基本构成。其实就是做一个我们常见的评论区的一个布局。

先上图。

首先做中间那个楼层结构。

先拖入一个新的中继器,点击,进入另一个页面(这点跟动态面板很像),然后在上面加上三个lable,就像这样:

然后在整个页面的下方添加对应的项目行。与刚才写的label一一对应。

然后依次填入相应的内容,如果想加载图片,右键,选择导入图片即可,然后再调整下中继器样式设置中的布局即可,这里我们需要垂直布局,点击垂直即可,另外,还可以调整每个评论区块间的距离,可以在样式设置中的填充处进行更改。

然后再通过添加动作把数据集中的数据加载到评论框里,不过这里要注意下如何设置,首先要把默认处设置为值,然后插入变量[[item.XX]]xx就是你所要加载的数据。

基本设置差不多就完成了。

二:中继器如何添加修改与删除数据。

首先,先添加删除操作。

用矩形做一个红色的窗口关闭按钮。

然后添加动作,在数据集一栏处找到删除行这一操作,进行选择和设置,选定this即可。

再设置一个评论窗口,要求与评论楼层里的各个元素一致,即:要包括时间、头像、回复框、昵称等。

设置好后,在来设置添加评论操作。添加行与删除行操作类似。

也是先在数据集一栏处找到添加行一项,然后勾选中继器,再在下方找到添加行这一按钮,并点击设置

然后把需要添加的元素加载到这一框框中,注意利用局部变量进行加载。

最后是如何修改(编辑)数据了

方法与添加评论类似,也是设置一个元素与评论楼层相同的评论框,然后(如图):

注意要先取消全部标记行,在标记当前行。

三:中继器数据的筛选、排列与分页以及设置每页项目数量。

首先,先设置一个类似Excel表格的一个中继器,其中包含身高、体重等七项信息。设置方法上文已提到过。

先说如何设置每页项目数量以及如何分页。

先到中继器一栏中找打设置每页项目数量,然后点击,在下方即可设置,如何想有 多个项目数量的设置,可利用局部变量来做。

其实还剩下的数据的筛选、排列也与该操作类似,也是在中继器一栏下找到该项目条,然后进行数据设置,不过需要注意的是,基本上这些数据设置都需要用到局部变量进行设置,所以剩下的两个设置我就不一一敖述了。

相关文章

  • axure之中继器学习以及一些原件属性的使用

    这一周我学习了中继器的基本使用以及了解了一些原件属性的使用方法。 首先介绍中继器。 中继器我大致分为三个方面进行的...

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

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

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

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

  • AXURE-037-组件-可分页排序的中继器表格

    hi,大家好,本期小组件为一个基于中继器的表格组件,支持分页,排序等操作,主要用到axure中继器的各个操作和属性...

  • Axure中继器的使用

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

  • 2018-07-26Axure入门

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

  • 如何在Axure中创建自己的元件库

    Axure最核心的功能就是通过原件的堆积,形成目标效果。网上目前有大量免费的各种“最全axure原件大全”之类的,...

  • 11.动作---中继器

    5.中继器 中继器也是用来实现交互的,类似于数据的集中。是Axure中最重要的模块。 我们可以把一些数据,例如表格...

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

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

  • Axure中继器解析

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

网友评论

    本文标题:axure之中继器学习以及一些原件属性的使用

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