• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >axure > Axure 原型 | 关于中继器的简单使用及应用的场景

Axure 原型 | 关于中继器的简单使用及应用的场景

作者: @陈张良 字体:[增加 减小] 来源:互联网 时间:2017-06-14

本文主要包含axure中继器,axure8.0中继器教程,axure8.0中继器,axure7.0中继器教程,axure中继器教程等相关知识, @陈张良 希望在学习及工作中可以帮助到您

中继器N早做的Demo,现在拿出来和大家分享

zhognjiqishiyongchangjing

这个是第一次接触中继器的时候写的Demo,后续的产品设计中几乎未使用到Axure的这个元件,现在开始教程:【先睹为快:点击预览】

一、什么是中继器?

网上有很多解答,可以自行百度。我的理解为:它可以帮助你在原型页面中保存数据,并且提供增删改查等功能,帮助你完成复杂的交互场景。例如:添加一个好友后,好友列表里就新增一行对应的记录。上传一张照片后,在对应的地方多了一张照片等。

二、为什么要使用中继器?

1、它可以为你的原型提供真实化的操作感觉。

2、它可以帮助你完成真实的演示,让研发人员更明白你要做的业务场景。

3、装X

三、它有什么弊端?

1、做起来会更加耗时

2、修改起来会更加的困难

3、上手难度较高

四、如何使用?

1、拖拽一个中继器到空白区域【发现它默认自带三行数据】

2016-6-13 13-04-00

2、观察自带的交互【在交互面板中发现形状绑定了某个变量】Item为中继器变量专有前缀

2016-6-13 13-08-32

3、双击中继器,查看里面的内容【发现下方数据集中有一列,正是这个矩形绑定的变量】

2016-6-13 13-13-22

4、添加一个按钮,设置鼠标单击的时候操作这个中继器的行为【我们发现设置完成后,点击按钮就增加了一行】

2016-6-13 13-18-09

2016-6-13 13-21-14

5、明白了原理之后,我们尝试新建一个文本框,并为其创建一个新的中继器变量,并绑定到新的文本框上【操作多个数据】

2016-6-13 13-27-02

注:中继器内可以放其它部件,并不一定是文本框,大家可以尝试其它组合

下面通过一个例子教大家如何使用中继器:

需要完成的场景为:

理财用户完成某些行为,则记录对应的资金表及资金异动明细表

第一步:【构建界面】

2016-6-13 12-57-49

第二步:【绑定对应的数据】

2016-6-13 13-34-51

第三步:【设置对应的行为操作对应的数据表】

2016-6-13 13-36-53

第四步:在中继器内部对相应的行为作出下一步数据的操作判断

2016-6-13 13-38-49

应用场景:

这个例子只用到了中继器动作中的添加行,中继器中还有非常多的功能操作,通过尝试简单的使用和demo例子,就能较快的掌握中继器的原理。

在明白了原理之后,应用的场景就非常广泛了,你可以在任何你需要操作数据的界面中动态的展示数据集,不过真实项目中运用到的情况还是偏少的,因为时间总是辣么的少,你懂得!

原型下载地址:

作者链接:http://pan.baidu.com/s/1slf6hL7?密码:kkmv

官方链接: http://pan.baidu.com/s/1jI4MSf0 密码: xdht

在线预览:点击预览

您可能想查找下面的文章:

  • Axure教程:中继器如何切换标记状态?
  • Axure教程:如何使用Axure中继器元件?
  • Axure中继器实践:如何制作一个「记忆翻牌」小游戏?
  • Axure教程 | 详解中继器的九宫格
  • Axure教程:用中继器和日期函数实现万年历
  • Axure中继器姊妹篇:列表页添加排序和筛选功能
  • Axure中继器:制作可交互的“APP音乐播放列表页”
  • Axure 原型 | 关于中继器的简单使用及应用的场景
  • Axure中继器的基本使用:实现一个简易的人员添加、删除模块
  • Axure教程:中继器实现列表到详情页的数据传递

相关文章

  • 2017-06-14用Axure模拟一个数字抽奖的小游戏
  • 2017-06-13Axure中继器:制作可交互的“APP音乐播放列表页”
  • 2017-06-13矩形框:深度理解和应用元件样式(二)
  • 2017-06-13Axure教程:原型设计之弹幕
  • 2017-06-13Axure教程:12306图片验证码的实现(随机可验证)
  • 2017-06-13Axure教程:如何制作一个不区分大小写的验证码原型?
  • 2017-06-14Axure教程-锚点滚动效果
  • 2017-06-14高手在民间 | 手把手教你用Axure制作连连看游戏(附游戏地址)
  • 2017-06-14Axure教程|如何制作”返回顶部”原型功能?
  • 2017-06-14Axure教程|购物车商品增减删除练习

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Axure7.0教程(七)math函数的使用(2)Math函数简介
    • Axure教程-锚点滚动效果
    • Axure实例:创建浏览器顶部固定菜单及子菜单
    • Axure中继器:制作可交互的“APP音乐播放列表页”
    • Axure基础教程—文本框用法
    • Axure实例:制作一个通用的移动端内容滚动区
    • Axure 7高保真还原Web首页布局和交互教程
    • Axure中继器的基本使用:实现一个简易的人员添加、删除模块
    • 用Axure模拟一个数字抽奖的小游戏
    • Axure7.0教程(七)math函数的使用(2)Math函数简介

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有