首页 > axure教程 > 正文

利用Axure中继器动态添加、删除原件
2017-09-09 16:11:25   来源:   评论:0 点击:

前言  前面介绍了Axure8 0的一些基本功能,  这次给大家介绍一个挺好玩的元件——中继器正文  此元件可以在一定程度上实现动态 添加、删除 元件  下面介绍一下此功能的进阶之路  基本款1、添加中继器

前言

 

  前面介绍了Axure8.0的一些基本功能,

 

  这次给大家介绍一个挺好玩的元件——中继器

 

 

正文

 

  此元件可以在一定程度上实现动态 添加、删除 元件

 

  下面介绍一下此功能的进阶之路

 

 

  基本款

 

1、添加中继器元件

 ① 中继器的属性中将中继器修改成一行

 ② 将中继器自动生成的一个事件删除

 ③ 调整一下自动生成的矩形的大小

 ④ 拖入一个文本框,随便输些文字,最后变成这个样子

2、 动态添加元件

 ① 对矩形添加鼠标单击事件

 ② 选择添加行动作

 ③ 勾选目标中继器

 ④ 单击下方的添加行

 ⑤ 点击图标添加一行,并确定

 

预览一下效果就是这样的

单击一下添加一组元件,并且添加的元件完全一样

元件之前的属性和事件全都不变

 

3、 动态删除元件

 

 ① 对矩形添加一个右击事件(请忽略截图中左上角的文字)

 ② 选择删除行动作

 ③ 勾选目标中继器

 ④ 选择this并确定

  这样右击哪一个矩形对应的哪一组元件就删除了

 

  略吊款

 

  为了更加方便一些,我将原本的中继器稍微修改了一下。

 

  并将上面的两个用例复制到了两个button的单击事件上了

在基本款中存在一些小问题:

 如果将某一个文本框的内容修改之后

 

 单击任意一个添加或者删除按钮

 

 所有的文本框都会变为原本设置的内容

 

 在某些时候,这样是不太好的

 

下 面 是 对 上 一 版 本 的 改 进

 

1、对文本框添加失去焦点事件

 

 ① 选择更新行动作

 ② 勾选目标中继器

 (前两步与前面的步骤类似,并未在图中表示)

 ③ 单击下拉菜单选择列

 ④ 在下拉菜单中选择目前唯一存在的一列Column0,并单击fx

 ⑤ 弹出窗体,单击插入变量或函数,选择元件下的text


 

2、对此文本框添加载入时事件

 

 ① 选择设置文本

 ② 选择当前元件

 (前两步与前面的步骤类似,并未在图中表示)

 ③ 单击fx

 ④ 弹出窗体,单击插入变量或函数

 ⑤ 选择中继器下的Item.Column0

 

到这里就修改完成了。

 

本来我还有1~2个版本给大家展示的,

 

但是通过前面的一些阐述,相信优秀、聪明的客官能将此元件开发的更好玩。。

相关热词搜索:中继器 原件 动态

上一篇:axure中继器单条件、多条件搜索详解
下一篇:Axure 中继器的功能和作用

分享到: 收藏