axure--中继器

时间:2022-09-08 22:20:42

*****中继器-repeater*****
1、结构:类似于MVC(增删查改)
1)中继器数据集:可包括图片、文字、网址(页面)(右键添加,列名尽量使用英

文或拼音)

2)中继器格式:横向、纵向(是否换行等)、分页、背景、间距
3)中继器项目交互:交互效果

2、用途:

1)可实现数据交互

2)可实现数据列表的重复(即操作一次相当于操作三次)

3、添加行:【中继器】——【数据集】——【添加行】通过局部变量中【元件文字

】获取各个列的值。
注意:图片较特殊,用【元件文字】获取不到,用【元件】获取到的图片也无法

显示,解决办法是在浏览器中右键【属性】——【查看图片的相对路径】

——【images起到最后的路径】——【这样的路径就能显示图片了】
就算更换图片也没问题。

4、标记行:在进行一行或多行删除时使用,即选中行就先标记,点击删除按钮一并

删除即可。

5、删除行:就是删除行。

6、删除选中的行,每次只能删除一行:【中继器】加上一个矩形,设置选中后的效

果,选中矩形框——【鼠标单击时】——【设置“当前元件This”选中状态

为“true”】——【取消“全部”标记(即取消所有标记行)】——【标记当前选中

行】——【输入选项组名称】——【中继器“属性”】——【取消选项组效果】

7、修改行:在中继器外部来编辑行即【更新行】是没有“This”即当前行的选项,

只有“规则”和“标记行”两种选择,意为要想更新标记行则在中继器内部要更新

的行被选中时要做标记。
【点击修改按钮】—【设置touxiang=Item.img,设置shijian=Item.time....】—

【取消“全部”标记】—【标记当前选中项】—【保存按钮】—【更新行】—【已

标记】—【选择列】—【列的值通过局部变量“元件文字”获取且是修改界面的输

入框的名字,不是原来中继器中的名字】

一次性修改所有内容:在前面通过“已标记”方式更新列的基础上再选择【条件】

—【设置值为“true”】可实现更新所有内容。
注:原因在于返回值为true、false,直接写true意为无条件全部成立。
与true等价的另一种写法:[[1==1]]。
或者条件写成[[Item.name]]==[[Jack]],则不选择任何一条记录,直接修改内

容,就会更新在name为Jack的记录上。

****中继器的筛选和排序****

1、添加排序:动态展示的部分使用中继器装起来,添加的交互在外部来操作
【添加排序】取名—【属性】—【排序类型】—【顺序】依次设置即可

2、移除排序:【序号列】可以设置点击时恢复到初始状态的正常排序

3、添加筛选:
1)身高的筛选为例:筛选条件为小于身高的最大值即文本框右边的值,大于身高

的最小值即文本框左边的值。

eg. [[Item.heigh>left&&Item.heigh<right]]

注:当添加的筛选条件大于两个时,筛选条件会一同生效,导致刷选结果不能单独

生效,可以在每添加一个新的筛选之前都清空所有筛选。反之,如果要实现的

效果是一同执行的则不添加移除筛选即可。

axure--中继器的更多相关文章

  1. Axure中继器基础教程(增行、删当前、标记、全部、规则行) Mark

    ---恢复内容开始--- 一.中继器的新增行 中继器所显示的列表项与中继器的数据集有关,默认情况下是一一对应的.也就是说,中继器数据集中有多少行数据,那么,列表项就有多少个. 那么,我们能不能通过新增 ...

  2. Axure中继器设置单选

    我们给元件添加组的名称是为了让软件知道哪些元件被放进了一个组中,然后软件会自动让这个组中只有一个元件能够是选中状态,以达到唯一被选中的效果.而中继器的这两个属性默认是启用的状态, 会把组的效果给取消, ...

  3. Axure中继器的应用场景和结构组成

    应用场景: 当点击回复的时候,页面会会跳出来头像.昵称.时间.评论的内容(详情:https://jingyan.baidu.com/article/77b8dc7fb478346174eab622.h ...

  4. Axure的中继器如何实现两个列表之间的交互

    Axure RP 8安装包+注册码+中文语言包下载地址如下: 链接: https://pan.baidu.com/s/1nwRnCUl 密码: yy36 将中文语言包下的lang文件夹直接放在安装Ax ...

  5. Axure案例:用中继器实现便捷好用的3级菜单--转载

    提示1:本篇教程可能不太适合新手,以及不了解中继器.全局变量.系统变量等使用的…新手 提示2:文字其实不多,截图太多,所以看上去很长,也可直接翻到末尾查看所有的用例,其实并不多 之前有介绍过使用中继器 ...

  6. Axure RP 8&period;0 中继器初体验

    为了解决增删等复杂交互的问题,中继器是个不错的选择. 拖拽出一个默认的中继器 中继器的数据集感觉就像是数据库一样,在右边检视窗口中可以看到中继器的默认数据集,可以理解成一张二维表.默认有1列,现成的3 ...

  7. 使用Axure设计基于中继器的左侧导航菜单

    实现效果: 使用组件: 设计详解: 一.设计外层菜单 1.拖一个矩形,在属性栏中命名cd1,设置宽高为200*45,背景色#393D49,双击设置按钮名称为“默认展开”,字体大小16,字体颜色#C2C ...

  8. 原型设计Axure的基本使用

    Axure是一款专业的原型设计工具, 让负责定义需求设计:功能和界面的人员能快速设计出所需产品,其中不仅包含了对软件产品的界面,交互逻辑的原型设计,还包含了流程图:web网站的线框图,并且能导出说明文 ...

  9. axure的一些注意事项

    1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器 ...

  10. 从零开始学Axure原型设计(高级篇)

    如果你熟悉了Axure的部件库,那么你可以得心应手地画出心目中产品的线框图:如果你会用Axure的母版.动态面板功能,那么你应该能够画出一些简单网站的原型图:但只有你精通了Axure的条件逻辑.变量. ...

随机推荐

  1. mybatis框架下解决数据库中表的列的字段名和实体类属性不相同的问题

    导包.... 实体类中的属性,getter,setter,tostring,构造等方法就不写了 private int id; private String orderNo; private floa ...

  2. Adobe Dreamweaver代码编辑

    Adobe Dreamweaver 同义词 DW(Adobe Dreamweaver的缩写)一般指Adobe Dreamweaver Adobe Dreamweaver,简称“DW”,中文名称 &qu ...

  3. 微软的COM中GUID和UUID、CLSID、IID

    摘自:http://blog.csdn.net/zhongguoren666/article/details/6711396 当初微软设计com规范的时候,有两种选择来保证用户的设计的com组件可以全 ...

  4. 通过分析 JDK 源代码研究 TreeMap 红黑树算法实现--转

    TreeMap 和 TreeSet 是 Java Collection Framework 的两个重要成员,其中 TreeMap 是 Map 接口的常用实现类,而 TreeSet 是 Set 接口的常 ...

  5. &lbrack;LeetCode&num;218&rsqb; The Skyline Problem

    Problem: A city's skyline is the outer contour of the silhouette formed by all the buildings in that ...

  6. 图的最小生成树&lpar;Prim、Kruskal&rpar;

    理论: Prim: 基本思想:假设G=(V,E)是连通的,TE是G上最小生成树中边的集合.算法从U={u0}(u0∈V).TE={}开始.重复执行下列操作: 在所有u∈U,v∈V-U的边(u,v)∈E ...

  7. Ajax 实现无刷新页面

    注意:如本文所用,在前面的文章库的数目可以在源代码中找到,我将指示在文本,其中链路,为了缩短制品的长度,阅读由此带来的不便.乞求被原谅. 评论文章 Ajax 实现无刷新页面.其原理.代码库.代码. 这 ...

  8. axios、ajax、fetch三者的区别

    1.ajax:是指一种创建交互式网页应用的网页开发技术,并且可以做到无需重新加载整个网页的情况下,能够更新部分网页,也叫作局部更新 优缺点: 1)局部更新 2)原生支持,不需要任何插件 3)原生支持, ...

  9. IDEA使用过程中常见小问题

    在磁盘随便一个位置,创建一个文件夹,可以通过IDEA open 打开它 然后在将一些代码模块,放入这个文件夹,IDEA刷新,能够自动显示出来   然后执行下面的文档操作 1.IDEA通过一个项目文件导 ...

  10. LeetCode146:LRU Cache

    题目: Design and implement a data structure for Least Recently Used (LRU) cache. It should support the ...