美文网首页原型之美
Axure中继器的使用

Axure中继器的使用

作者: 蝶儿UI | 来源:发表于2016-09-07 12:11 被阅读118次

最近在学Axure,觉得里面最难的就属元件中继器的使用了,下面就和大家分享一下它的使用方法。

打比方用中继器实现自动添加和删除效果,如下图:

步骤如下:

一、打开Axure软件,从元件库拖入中继器,会重新出来一个中继器(主页),在中继器(主页)会自动出现一个矩形,把矩形删掉,从元件库拖入你想要的元件。(2个文字标签)

二、给拖入的元件文字标签(有2个)分别命名(只支持英文),例如s1, t1

三、设置中继器数据,如下图:

四、设置中继器 项目交互,如下图:

双击Case1(选择rich text)

点击进入编辑文字,插入函数,选择 Item.s1

五、设置中继器格式:

六、设置添加功能,在主页页面添加两个文本框和一个添加按钮。

七、给添加按钮设置鼠标点击时事件,双击用例1,出现如下图:

八、点击右下角 Add Row,会出现如下:

九、分别 点击左上第一个fx和第二个fx, 新增局部变量选择文本框单行,插入函数都选择 LVAR1

十、做删除效果。在中继器主页拖入占位符元件。

十一、给占位符元件设置鼠标点击时事件,双击用例1,点击最左侧 Mark Rows, 选择 this

选择左侧 Delete Rows

十二、完成,点击F5即可预览效果。

相关文章

  • Axure教程|一次性搞定中继器

    这一篇文集名为《Axure进阶之路》自然少不了Axure的难点之一中继器。中继器(repeat)应该算是Axure...

  • Axure中继器的使用

    最近在学Axure,觉得里面最难的就属元件中继器的使用了,下面就和大家分享一下它的使用方法。 打比方用中继器实现自...

  • 2018-07-26Axure入门

    今日完成: 1、axure中继器的添加,将文本框输入input 放入中继器output中,再从中继器output中...

  • Axure系列教程(十):中继器的介绍

    关于中继器 中继器是axure原型制作中使用非常重要的一个元件,主要用途就是用来加载数据的,可以说是一个容器(器皿...

  • Axure中继器解析

    1 中继器 1.1 数据集 中继器有一个自带的数据集,如下图: Axure8环境下,拖入中继器,单击中继器,右上角...

  • 中继器的新增、删除、筛选教程(原型下载)

    在Axure中中继器是一个神奇的东西。最近在处理列表的时候使用到了中继器的增、删、查。现在对于这个模块做一个简单的...

  • 中继器基础之增删改查

    前面文章有说到过中继器,今天我们继续说一说中继器的基础操作,如果还不知道中继器是啥的,请看Axure系列教程(十)...

  • Axure 中继器的使用(一)

    ---By J 什么是中继器? 从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储...

  • 006、初步认识Axure的中继器

    本篇文章带大家认识认识Axure里的中继器。 01定义 中继器,英文名称叫 repeater ,repeat 是重...

  • 新建表格——Axure PR 8 中继器-表格的增删改

    Axure PR 8 中继器-表格的增删改查 新建表格 1、拖拽中继器 2、选择属性 3、添加列,输入列名(非...

网友评论

    本文标题:Axure中继器的使用

    本文链接:https://www.haomeiwen.com/subject/pmdjettx.html