• 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)

作者:小楼 字体:[增加 减小] 来源:互联网

本文主要包含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)

相关文章

  • Axure 美女浏览原型,内含:多层动态面板嵌套,拖动时函数设定边界
  • Axure教程:微信聊天列表原型制作(一)
  • Axure教程:如何制作一个不区分大小写的验证码原型?
  • Axure教程 | 原型中的商品图放大镜效果
  • Axure教程:如何画出曲线图?
  • Axure教程:动态面板实现广告循环播放
  • Axure教程:可使用的计算器demo制作(下)
  • Axure7.0教程(四)中继器的使用(4)
  • Axure 7高保真还原Web首页布局和交互教程
  • Axure教程:用Axure实现晚会抽奖程序

文章分类

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

最近更新的内容

    • Axure7.0教程(四)中继器的使用(4)
    • 中继器实践:双向列表操作
    • Axure实战:滑动拼图解锁教程
    • Axure教程:原型设计之多用户注册登录
    • Axure RP8 动态面板之折叠和展开(例如菜单栏)
    • Axure教程:中继器实现列表到详情页的数据传递
    • Axure教程:如何制作一个不区分大小写的验证码原型?
    • 轮播banner简便axure实现方式
    • 高手在民间 | 手把手教你用Axure制作连连看游戏(附游戏地址)
    • Axure设计:制作iOS列表左滑菜单效果

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

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