Axure中继器解析
来源:互联网 发布:苹果6p网络不可用 编辑:程序博客网 时间:2024/04/27 13:35
1 中继器
1.1 数据集
中继器有一个自带的数据集,如下图:
Axure8环境下,拖入中继器,单击中继器,右上角属性一列中可以找到。
这个数据集有以下特点:
- 数据集列名必须为半角英文字母或数字的组合,并且以数字开头。
- 可以通过操作行进行对选中条目的更改,或者直接右击选择操作。
这个数据集的内容参数,可以通过事件的触发与中继器的子视图进行交互,极大的方便了这种信息格式的数据的加载效果。
1.2 视图
中继器刚被创建时,子视图默认为一个矩形。当我们需要更改子视图显示时,可以根据需要,把矩形删掉,创建自己的布局视图。
1.2.1 布局和间距
中继器默认布局为垂直的链表。我们可以在中继器的样式中对其布局属性进行修改,以达到我们想要的效果。间距可以设置两个子视图中间的距离。
下图为间距和背景的实现效果:
1.2.2 背景
中继器的子视图背景交替要设值其样式中的背景属性,并将子视图的样式中的填充属性改为透明(透明度为0,或依据需求自己更改),这样才能实现要达到的效果。
上图中由于未将子视图的填充设置为透明,就未实现背景交替的展示。
1.2.3 分页
分页,设置之后,一个页面只会显示相应的子视图数量,我们可以通过设置按钮来对下一页进行加载,详细见样例。
1.3 交互
一共有载入,每项加载,项目调整尺寸三个交互事件。
值得说明的是,中继器自己已经实现了项目调整尺寸这个效果,所以有一个项目调整尺寸事件来实现交互。他对变化元件的下面的元件有推动和拉动的效果,这是中继器很方便的一点。详细见我初识Axure文章的Demo04中播放后的变化。
http://www.jianshu.com/p/58a00f9d3d68
2 一个小样例
2.1 基本实现加载分页
使相邻子视图变得清晰,相对独立。
同理可设置鼠标移出时事件,达到鼠标移入变色效果。
同理,可以设置其他的昵称id,时间,内容等等。
这儿最好使用,原来的Previous(上一页)和Next(下一页)。
2.2 优化点击交互
2.2.1 优化后的样子
增加的效果:
- 鼠标移入移出变色效果,鼠标移入移出交互事件。 鼠标按下,变色,松开实现翻页并恢复颜色。
2.2.2 优化中的问题:
在后续优化中,设置了鼠标按下时和鼠标松开时的交互。发现该交互与鼠标单击时会产生冲突,我们需要把鼠标单击时的事件移到鼠标松开后之中。
上下翻页可以设置默认值,不选择Value,选择Previous设置为上一页,Next设置为下一页。
2.3 Final:
2.3.1 结构
2.3.2 交互
3 分享
一个在线视频转换Gif的网站:
http://ezgif.com/video-to-gif
- Axure中继器解析
- axure中继器使用
- axure教程-中继器
- Axure中继器怎么用
- axure中继器的使用
- Axure学习心得二——中继器
- Axure用例动作-中继器
- AXURE案例--中继器结合动态面板
- Axure-中继器实践-商品列表
- Axure新手学-中继器使用方法
- Axure中继器结构与原理详解
- 程矢Axure夜话:Axure中继器(Repeater)视频教程汇总贴
- Axure RP 中继器的应用制作产品列表
- Axure中用中继器 实现 表格的动态页码
- 【Axure学习】(五)中继器基础学习
- Axure 7由中继器完成添加删除操作
- Axure学习——利用中继器进行数据绑定
- Axure中继器新增一条数据&删除标记行
- Java大文件上传
- 导出问题,Length of cell contents (text) 32,767 characters. Only 1,024 display in a cell; all 32,767 di
- Access2016学习10
- 马化腾、任正非用“灰度”捕捉新商业机会
- 下拉列表—DropDownMenu的使用解析
- Axure中继器解析
- C语言:尽量减少对开发环境的依赖
- 机器学习系列(2)_从初等数学视角解读逻辑回归
- SAP HANA跟我学HANA系列之创建分析视图一
- [硕.Love Python] Heap(堆)
- Android应用实现多语言切换
- 获取坐标的总结
- 机器学习系列(3)_逻辑回归应用之Kaggle泰坦尼克之灾
- 我的博客网站重写历程--1.引言:说在前面的话与暂定开发进程