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的条件逻辑.变量. ...
随机推荐
- WebLogic XMLDecoder反序列化漏洞复现
WebLogic XMLDecoder反序列化漏洞复现 参考链接: https://bbs.ichunqiu.com/thread-31171-1-1.html git clone https://g ...
- cartographer 分析
原文链接:http://blog.csdn.net/zyh821351004/article/details/52421005 cartographer与karto的比较 1. 两者采取的都是图优化框 ...
- Python笔记 【无序】 【五】
描述符 将某种特殊类型的类[只要实现了以下或其中一个]的实例指派给另一个类的属性 1.__get__(self,instance,owner)//访问属性,返回属性的值 2.__set__(self, ...
- 【SVN】关于钩子的一些使用
前一段时间,李总让我研究一下SVN钩子的使用,以前没接触过这方面东西,在这里记录一下. 何为钩子? 所谓SVN钩子就是一些与版本库事件发生时触发的程序,例如新修订版本的创建,或者是未版本化属性的修改. ...
- C++ 读取字符串中的数字
今天真是试了各种方法,笨方法聪明方法都有了 方法1:一个字符一个字符的读取 方法2:借助strtok实现split 适用于char 方法3:借助istringstream实现split 适用于stri ...
- sms-tools的使用
先前只有python36的版本,在使用sms-tools的时候遇到了这样那样的问题,现统一记录一下: 运行环境说明: 1. 需要c++编译器,为了避免安装vs,选择了vcforpython27 2. ...
- JavaScript中的this -- 好像很有道理版
函数调用 首先需要从函数的调用开始讲起. JS(ES5)里面有三种函数调用形式: func(p1, p2) obj.child.method(p1, p2) func.call(context, p1 ...
- Linux自动人机交互expect
exp_test.sh文件 #!/bin/bash/expect ## exp_test.sh set timeout -; spawn ssh localhost; expect { "( ...
- Bootstrap的插件
04-Bootstrap的插件 1.下拉菜单 代码如下: <div class="dropdown"> <button class="btn btn ...
- 响应式页面-@media介绍
01 响应式页面-@media介绍, 我们为什么要写自适应的页面(响应式页面) 众所周知,电脑.平板.手机的屏幕是差距很大的,假如在电脑上写好了一个页面,在电脑上看起来不错,但是如果放到手机上的话 ...