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

Axure7.0教程(一)中继器的使用(1)

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

本文主要包含axure7.0中继器教程,axure7.0中继器,axure7.0视频教程,axure7.0教程,axure7.0教程实例等相关知识,小楼希望在学习及工作中可以帮助到您

Axure rp 7.0来了,与axure rp6.5的区别大家都在探索,目前为止7.0bug层出不穷,但是我们能看到7.0的变化,最显著的是,在软件自带的里只多了一个元件,他的中文名在汉化版本里叫—中继器。

从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储数据的元件,但是像动态面板一样,虽然样子没什么特别,但是却能够通过它实现很多令人意想不到的效果。

中继器是所有axure7.0元件里,最复杂的元件。所以关于它的介绍,不是一次就能介绍完的。今天在这里,我先把它的基础操作给大家做讲解。让大家理解基础操作之后,能够举一反三的研究它更深层次的应用。

本案示例下载:axure7.0教程_小楼作品(一)中继器的使用(1)

本教程示例效果:

gaollg4

本案例使用中继器分为以下步骤:

第一步:拖拽一个中继器到主页面;

第二步:双击打开中继器主页(中继器有单独的主页哦!),删除中继器中已添加的行,并重新设置列名(项目名),注意列名不支持中文,否则会出错;中继器中的数据可以一行一行的直接添加,并且支持添加链接和图片;(见下图)

1-11

第三步:在中继器主页里设计一个你想要的模块,比如示例中的商品模块;(见上图)

第四步:在中继器交互里面通过中继器加载事件,把模块中需要动态显示数据的元件和中继器中的列名(项目名)绑定;(见下图)

1-2

第五步:设置模块水平或者垂直排列,几个之后需要换行,生成的各个模块之间的间距等。(见下图)

1-3

第六步:设置两个文本框,用来输入新的商品数据;

第七步:添加按钮,设定按钮的事件为,点击时添加新的项目到中继器,项目中对应列名的位置绑定为第六步中文本框的文字,也就是说在文本框中添加的数据,会添加保存到中继器的项目中。(见下图)

1-4

以上就是中继器的基础操作之一,不知道有没有讲解清楚。

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

  • Axure教程:如何使用Axure中继器元件?
  • Axure教程 | 详解中继器的九宫格
  • Axure教程:用中继器和日期函数实现万年历
  • Axure 原型 | 关于中继器的简单使用及应用的场景
  • Axure教程:中继器实现列表到详情页的数据传递
  • Axure7.0教程(四)中继器的使用(4)
  • Axure7.0教程(三)中继器的使用(3)
  • Axure7.0教程(二)中继器的使用(2)
  • Axure7.0教程(一)中继器的使用(1)

相关文章

  • 2017-06-14Axure7.0教程(一)中继器的使用(1)
  • 2017-06-14Axure实现两种滑动的方式(附源文件下载)
  • 2017-06-14Axure7.0教程(七)math函数的使用(2)Math函数简介
  • 2017-06-13Axure教程:如何画出曲线图?
  • 2017-06-13Axure教程:实现倒计时获取验证码效果
  • 2017-06-14简单6步用Axure绘制相机图标(附源文件)
  • 2017-06-14如何用Axure快速制作APP交互原型
  • 2017-06-14Axure教程-体验一下 iPhone 6
  • 2017-06-14Axure 7高保真还原Web首页布局和交互教程
  • 2017-06-13Axure教程:微信面对面建群原型设计

文章分类

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

最近更新的内容

    • Axure教程:原型设计之侧滑菜单
    • Axure原型设计之轮播图
    • Axure教程丨制作自己的Axure元件库
    • Axure中继器:制作可交互的“APP音乐播放列表页”
    • Axure教程:原型实战之模拟拼图效果(变量、动态面板、参数…全面实战应用)
    • Axure教程:原型设计之水泡导航栏
    • 三步教你 Axure 原型变身 EXE 程序
    • Axure8.0原型案例:制作手机拨号界面
    • Axure教程:手把手教你做截获鼠标指针(或鼠标变手型跟随)
    • Axure教程:如何制作一个不区分大小写的验证码原型?

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

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