Axure中继器的使用

Posted 2023-04-15

参考技术A 最近在学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中继器学习随笔

学习相关功能：中继器的基本操作、中继器函数的使用

制作目标：使用中继器制作动漫简介列表；使用中继器制作商品数据登入并完成排序、搜索等多种功能。

动漫简介：http://1tjc1h.axshare.com/

遇到的问题：1、无法实现文本框将超出部分显示为...（尝试在不添加按钮条件下使用slice、substr、substring函数均未成功），理想效果为鼠标未移动到简介区时显示为缩略内容，鼠标移动到该区域后显示完整内容

 

商品数据登入：http://w6x4jo.axshare.com/

实现数据登入、搜索、筛选、排序、分页、更改、删除。

 

 

遇到的问题：1、设置添加功能时无法添加输入内容，原因为设置变量错误；2、排序时，无法针对百分数排序；3、设置分页时，没有注意到添加的内容会遮盖按钮；4、筛选排序后无法还原原数据（已解决）；5、编辑数据无法下载。