Axure中继器的使用

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

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

Axure中继器的使用_第1张图片

步骤如下:

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

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

Axure中继器的使用_第2张图片

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

Axure中继器的使用_第3张图片

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

Axure中继器的使用_第4张图片

双击Case1(选择rich text)

Axure中继器的使用_第5张图片

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

Axure中继器的使用_第6张图片

五、设置中继器格式:

Axure中继器的使用_第7张图片

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

Axure中继器的使用_第8张图片

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

Axure中继器的使用_第9张图片

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

Axure中继器的使用_第10张图片

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

Axure中继器的使用_第11张图片

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

Axure中继器的使用_第12张图片

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

Axure中继器的使用_第13张图片

选择左侧 Delete Rows

Axure中继器的使用_第14张图片

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

你可能感兴趣的:(Axure中继器的使用)