axure--中继器
*****中继器-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--中继器的更多相关文章
- Axure中继器基础教程(增行、删当前、标记、全部、规则行) Mark
---恢复内容开始--- 一.中继器的新增行 中继器所显示的列表项与中继器的数据集有关,默认情况下是一一对应的.也就是说,中继器数据集中有多少行数据,那么,列表项就有多少个. 那么,我们能不能通过新增 ...
- Axure中继器设置单选
我们给元件添加组的名称是为了让软件知道哪些元件被放进了一个组中,然后软件会自动让这个组中只有一个元件能够是选中状态,以达到唯一被选中的效果.而中继器的这两个属性默认是启用的状态, 会把组的效果给取消, ...
- Axure中继器的应用场景和结构组成
应用场景: 当点击回复的时候,页面会会跳出来头像.昵称.时间.评论的内容(详情:https://jingyan.baidu.com/article/77b8dc7fb478346174eab622.h ...
- Axure的中继器如何实现两个列表之间的交互
Axure RP 8安装包+注册码+中文语言包下载地址如下: 链接: https://pan.baidu.com/s/1nwRnCUl 密码: yy36 将中文语言包下的lang文件夹直接放在安装Ax ...
- Axure案例:用中继器实现便捷好用的3级菜单--转载
提示1:本篇教程可能不太适合新手,以及不了解中继器.全局变量.系统变量等使用的…新手 提示2:文字其实不多,截图太多,所以看上去很长,也可直接翻到末尾查看所有的用例,其实并不多 之前有介绍过使用中继器 ...
- Axure RP 8.0 中继器初体验
为了解决增删等复杂交互的问题,中继器是个不错的选择. 拖拽出一个默认的中继器 中继器的数据集感觉就像是数据库一样,在右边检视窗口中可以看到中继器的默认数据集,可以理解成一张二维表.默认有1列,现成的3 ...
- 使用Axure设计基于中继器的左侧导航菜单
实现效果: 使用组件: 设计详解: 一.设计外层菜单 1.拖一个矩形,在属性栏中命名cd1,设置宽高为200*45,背景色#393D49,双击设置按钮名称为“默认展开”,字体大小16,字体颜色#C2C ...
- 原型设计Axure的基本使用
Axure是一款专业的原型设计工具, 让负责定义需求设计:功能和界面的人员能快速设计出所需产品,其中不仅包含了对软件产品的界面,交互逻辑的原型设计,还包含了流程图:web网站的线框图,并且能导出说明文 ...
- axure的一些注意事项
1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器 ...
- 从零开始学Axure原型设计(高级篇)
如果你熟悉了Axure的部件库,那么你可以得心应手地画出心目中产品的线框图:如果你会用Axure的母版.动态面板功能,那么你应该能够画出一些简单网站的原型图:但只有你精通了Axure的条件逻辑.变量. ...
随机推荐
- IDEA-使用技巧
IDEA--个性化配置 - 心飞扬的博客 - CSDN博客--里面很好,http://blog.csdn.net/afzaici/article/details/71524643 IntelliJ I ...
- Day17总结
1:登录注册案例(理解) 2:Set集合(理解) (1)Set集合的特点 无序,唯一 (2)HashSet集合(掌握) A:底层数据结构是哈希表(是一个元素为链表的数组) B:哈希表底层依赖两个方法: ...
- apk逆向实例 TopCtf
TopCtf 题目链接: https://pan.baidu.com/s/1jINx7Fo (在里面找相应的名字就行) 背景故事: 我是小白一枚,自学一些基础知识... 从朋友那得到的题,朋友说巨 ...
- Light oj 1281 - New Traffic System 多状态最短路
题目大意:有向图,新计划的地铁,有k个计划新路,利用现有的铁路.k条新路和限定只能用d条新路,找出从0到n-1的最短路径 题目思路:用dist[u][use],储存使用use条新路,到达节点u的最短路 ...
- 修复服务器上出现ImportError: cannot import name main的问题
在服务器上成功升级pip2之后再运行pip2命令出现如下报错信息 Traceback (most recent call last): File "/usr/bin/pip2.7" ...
- volatile有什么作用
- Vue -自定义指令&钩子函数
除了核心功能默认内置的指令,Vue也允许注册自定义指令 页面加载后,让文本框自动获取焦点,原生js做法是获取文本框元素后调用focus()方法,但Vue不建议手动操作DOM元素,所以此时要自定义指令 ...
- css模拟时钟
css模拟时钟 思路: 画时钟数字(x,y)坐标 x = x0 + r*cos(deg) y = y0 + r*sin(deg) 知识点: 创建元素: createElement 添加元素: appe ...
- office 产品密钥
刚买的小新,配置下office,作为技术人员,喜欢Share以下 office 产品密钥,任你选一组 一.序列号激活法(密钥激活法)这种是最为安全而且最为正规的方法,通过取得合法的序列号(密钥)进行激 ...
- Euclideanloss_layer层解析
这里说一下euclidean_loss_layer.cpp关于该欧式loss层的解析,代码如下: #include <vector> #include "caffe/layers ...