• 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中继器的基本使用:实现一个简易的人员添加、删除模块

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

本文主要包含axure中继器,axure中继器教程,axure中继器的作用,axure中继器的使用,axure中继器怎么用等相关知识, @YuanYi 希望在学习及工作中可以帮助到您

现在在公司里大多数时间使用的原型工具是墨客,真的是简单易用,拖拽式的设计简直是良心。但是也有不足的地方,个人对交互要求较高,这一点墨客,墨刀都不比不上老款原型工具Axure。

zhognjiqishiyong

Axure7.0中带出了中继器这个概念。自从更新版本后用它做了个自己很满意的原型后,简直就是爱上了这个小模块。淡水习惯了墨客、墨刀之类的超简易原型工具后,可能中继器的使用会变得比较困难。

这边讲一下中继器的基础应用。

中继器个人理解是数据库。

最基础的,今天说的是中继器运用的添加和删除,感觉省掉了一大段的数据库语句,超级舒爽;实现一个简易的人员添加、删除模块。

新增的使用

Step 1:

1

在工作台里插入一个中继器,Axure也是采用的拖拽式,很方便

2

双击绿色区域进入中继器界面,中继器是有自己的界面的

需要用到的原件在中继器的界面里添加,最终效果会显示在index页

Step 2:

3

拖入自己想要的控件,我这里自己拖了几个lable用作显示信息。

在数据集中添加第一条记录,用作测试显示(列名定义的时候不要使用中文,不然有可能会出现乱码!)

注意(这里我没有添加文本框和按钮,中继器这里只做显示使用,其余操作在index里进行)

Step 3:

4

添加加载事件,绑定数据集和控件(绑定数据集其实就是和数据库中的表绑定差不多,但是真的简单到飞起)。

注意(一定要设置加载事件,不然无法显示信息)

5

注意:要一个一个设置,这里偷了个懒就没再截图(我自己去下的中文包,没装过的自己翻译一下吧)

6

选择相应的数据集项,注意自己定义的列名。

7

设置完成之后的界面

好了!现在可以测试运行一下,看看lable有没有和对应的数据集绑定在一起

8

ok!可以使用!

现在显示的是数据集里的第一条信息

下面开始做新增记录部分

Step 4:

9

注意!不是在中继器的界面了,这是主界面index界面。主界面里加了几个textbox和一个button,用作新加数据集记录。如果不小心加错了,在中继器界面加了这些控件,没关系,只要把它们复制过来就ok了。

注意:想要实现交互,就得给控件取一个形状名称。这其实和开发是一样的,想要调用就得命名。

Step 5:

10

设置按钮点击事件,Axure7.0之后是叫做添加行,点击右侧添加行按钮。

Step 6:

11

点击fx按钮

fx(函数)按钮

12

找到你之前定义的名称

1.设置局部变量,名称可以自定,注意选择右侧的目标来源

13

2.选择上面的插入变量和函数,选择刚刚新建好的局部变量名称

14

这是设置完成之后的界面

现在就可以试着运行一下了,看看添加是不是正常的

15

ok!可以正常使用(边上的蓝框是我后面自己加上去的)

这是Axure的中继器的新增的使用

删除的实现

补充一下删除的实现,之前忘记加上去了

Step 1

1

在中继器界面插入button并对他添加交互事件

Step 2

2

删除行中只用选择this,现在只是删除单个

下面来看一下全部删除

Step3

3

新加一个button ,注意这时候不是在中继器界面,这是在index主界面

4

既然要全部删除就得使用条件,这里的删除条件是true,大概的意思就是当数据集中的值不为空的时候

我是这么理解的

5

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

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

相关文章

  • 2017-06-14简单6步用Axure绘制相机图标(附源文件)
  • 2017-06-14用Axure 实现“打飞机”,骚年,来一发(下)
  • 2017-06-14Axure7.0教程(六)math函数的使用(1)动态面板环状移动
  • 2017-06-14Axure教程——页面载入进度条
  • 2017-06-13Axure教程:原型设计之转盘抽奖
  • 2017-06-14banner轮播axure最简易实现及手动切换
  • 2017-06-14Axure教程|购物车商品增减删除练习
  • 2017-06-14Axure8.0教程:“百度一下,你就知道”搜索首页原型设计
  • 2017-06-13Axure RP8 动态面板之折叠和展开(例如菜单栏)
  • 2017-06-13Axure教程:如何制作炫酷高效的元件库?

文章分类

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

最近更新的内容

    • Axure 制作下拉框省市县三级联动
    • Axure 8.0实例:复选框的应用
    • Axure教程:如何制作一个不区分大小写的验证码原型?
    • Axure7.0教程(二)中继器的使用(2)
    • Axure教程|购物车商品增减删除练习
    • Axure教程:用中继器和日期函数实现万年历
    • Axure7.0教程(七)math函数的使用(2)Math函数简介
    • 用Axure 实现“打飞机”,骚年,来一发(上)
    • Axure教程 | 聊一聊原型组件化设计——从淘宝购物车按钮说起
    • Axure7.0教程(一)中继器的使用(1)

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

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