Axure之中继器的使用(交互&动作&reperter属性&Item属性)

这篇具有很好参考价值的文章主要介绍了Axure之中继器的使用(交互&动作&reperter属性&Item属性)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一.中继器的基本使用

 二.中继器的动作(增删改查)

2.1 新增

2.2 删除 

2.3 更新行 

2.4 效果展示 

 2.5 模糊查询

三.reperter属性


在Axure中,中继器(Repeater)是一种功能强大的组件,用于创建重复的数据集合或列表。它允许原型中快速生成多个相似的元素,并根据数据源的变化自动更新这些元素。 中继器的主要用途模拟动态数据和展示可重复的内容例如产品列表、新闻列表、用户评论等。通过设置中继器的数据源和模板,可以轻松地生成多个相同或类似的元素,并在原型中展示它们的不同状态或变化。 中继器还提供了一些强大的交互功能例如筛选、排序和分页等,使您能够模拟真实的数据操作和用户体验。您可以通过添加交互事件和条件,实现对中继器中元素的动态操作和响应。 

一.中继器的基本使用

              就以商城展示商品为例:

              ①将中继器拖入显示区,再样式里面会有一个类似表格的,我们去填写数据即可

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

②设置交互事件

        首先设置文本,值那里选择对应的属性,接着设置图片,也是一样选择属性值即可

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

最后看看效果吧

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

 二.中继器的动作(增删改查)

        和上方一样,不过采用的是表格的形式,数据和上一个案例一样添加即可

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

         2.1 新增

                给新增按钮设置交互事件,单击时,获取文本框里的数据,接着添加行即可

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

2.2 删除 

        给表格复选框设置标记动作,点击删除按钮根据标记的进行删除行的交互动作

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

2.3 更新行 

        就是将新增和删除结合起来,选择复选框,点击更新按钮,删除被标记的行,接着获取文本框的数据将其回显

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

2.4 效果展示 

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

 2.5 模糊查询

        给按钮添加筛选,定义规则

                Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

三.reperter属性

        下面就是一些reperter属性

                pageIndex:显示第几页

                pageCount:显示一共有多少页

                dataCount:显示一共多少条

                visibleItemCount显示本页多少条

                ItemCount显示筛选之后多少条

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互

        四、Item属性

                        下面就是一些Item属性

                                isFirst:判断数据行是否为第一行

                                isLast:判断数据行是否为最某行

                                isEven:判断数据行是否为偶数行

                                isOdd:判断数据行是否为奇数行

                                isMarked:判断数据行是否为被标记

                                isVisible:判断数据行是否为可见行

Axure之中继器的使用(交互&动作&reperter属性&Item属性),产品经理的基础必备知识,axure,交互文章来源地址https://www.toymoban.com/news/detail-767555.html

到了这里,关于Axure之中继器的使用(交互&动作&reperter属性&Item属性)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Axure设计之动态柱状图教程(中继器)

    中继器作为复杂的元件,通常被用来制作“高保真”的动态原型,以达到良好的视觉效果和交互效果。 本文将教大家通过AxureRP9工具如何使用中继器设计动态柱状图表。 下载地址: https://download.csdn.net/download/u010709330/87970740 主要效果: 1、页面加载,柱状图表柱形条从底部动

    2024年02月12日
    浏览(40)
  • 【Axure教程】中继器表格寻找和标记数据

    在系统表格中,我们想在表格中快速找到对应的数据,通常我们会用条件筛选来完成,但是用筛选的方式,其他数据就看不到了,少了两种条件之间的对比。所以如果需要数据对比的情况下,我们更多的是用标记数据的方式,将符合条件的数据标记起来,从而快速对比条件内

    2024年02月04日
    浏览(44)
  • 【Axure高保真原型】中继器网格图片拖动摆放

    今天和大家分享中继器网格图片拖动摆放的原型模板,我们可以通过鼠标拖动来移动图片,拖动过程其他图标会根据图片拖动自动排列,松开鼠标是图片停放在指定位置,其他图标自动排列。那这个模板是用中继器制作的,所以使用也很方便,我们只需维护中继器表格的信息

    2024年02月10日
    浏览(53)
  • 【Axure高保真原型】中继器表格合并单元格

    今天和大家分享合并单元格的原型模板,包括两种模式的合并方式,转置和从下往上合并,两种方式都可以实现合并的效果,都是用中继器制作的,维护时只需要修改中继器表格即可生成对应效果,如果需要增加列(转置表格对应的是行),也可以参考原型,自行增加元件和

    2024年02月09日
    浏览(44)
  • 【Axure高保真原型】3D圆柱图_中继器版

    今天和大家分享3D圆柱图_中继器版的原型模板,图表在中继器表格里填写具体的数据,调整坐标系后,就可以根据表格数据自动生成对应高度的圆柱图,鼠标移入时,可以查看对应圆柱体的数据……具体效果可以打开下方原型地址体验或者点击下方视频观看 【原型效果】 【

    2024年02月03日
    浏览(64)
  • 【Axure教程】中继器表格插入行、复制行和删除行

    表格是展示数据常用的工具,在原型制作时,我们经常会用到插入行和复制行的操作。那作者今天就教大家如何在Axure里用中继器表格制作出以下高保真的交互效果: 插入行:在已选中行的下方插入一行空行 复制行:在已选中行的下方插入一行与已选中行相同内容的行 编辑

    2023年04月09日
    浏览(43)
  • Axure8.0教程:下拉菜单+复选框全选(中继器)

    在设计过程中会常常用到下拉菜单,本次课程我们学习下拉菜单+复选框全选效果。 预览及下载地址:https://ahbvk2.axshare.com/ 一、制作原型 1.制作下拉菜单的选择框 拖入两个【矩形】元件,【文本标签】制作成下拉菜,菜单部分组合一起 2.制作下拉菜单中的菜单部分 (1)全选

    2024年02月05日
    浏览(56)
  • 【Axure高保真原型】JS日期选择器筛选中继器表格

    今天和大家分享JS日期选择器筛选中继器表格的原型模板,通过调用浏览器的日期选择器,所以可以获取真实的日历效果,具体包括哪一年二月份有29天,几号对应星期几,都是真实的,获取日期值后,通过交互对中继器进行日期区间筛选。建议使用谷歌浏览器来演示,其他浏

    2024年02月12日
    浏览(44)
  • Axure rp9 利用中继器实现列表新增行、删除行的效果

    中继器(英文名Repeater)是目前为止Axure最复杂的功能(没有之一),学习它的使用有助于我们快速设计一些复杂的交互界面。本文通过Axure rp9 利用中继器实现列表新增行、删除行的案例,介绍如何利用中继器实现以下效果: 1、利用中继器实现列表的隔行变色。 2、实现列表

    2024年02月12日
    浏览(43)
  • 中继器是什么意思 中继器的简介

    中继器是局域网环境下用来延长网络距离的最简单最廉价的互联设备,操作在OSI的物理层,中继器对在线路上的信号具有放大再生的功能。 中继器(RP repeater)是连接网络线路的一种装置,常用于两个网络节点之间物理信号的双向转发工作。中继器是最简单的网络互联设备,主

    2024年02月05日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包