Axure RP9：列表新增

直接对按钮添加一个交互动作 设置好新增行的数据：（新增时无法自定义内容）

Axure RP9教程 利用中继器新增行实现列表新增功能一、说明二、案例演示三、操作说明 一、说明 上一篇为大家介绍了列表编辑功能的实现，本篇将为大家介绍列表新增功能，那么如何来实现这个功能呢？接下来我们会用到中继器新增行交互事件； 二、案例演示 三、操作说明 工具栏中添加新增图标及标签，在图标标签基础上添加热区； 对热区添加鼠标单击时交互事件，同步插入如下动作： 显示/隐藏动作，设置目标元件为新增窗口，更多选项添加遮罩效果 再插入设置文本交互动作，将弹出框文本值初始化设置为空； 给弹出框保存按钮添加

Axure rp9 利用中继器实现列表新增行、删除行的案例，介绍可利用中继器实现的一些效果： 1、利用中继器实现列表的隔行变色。 2、实现列表新增一行效果。 3、实现在列表中操作，点击删除当前行效果。 4、实现列表鼠标悬浮是，行变色效果。 5、实现列表选中行选中变色效果。 6、实现点击列表上否全选框/按钮，列表数据全部选中/取消选中效果。 7、实现全选的列表，若其中一项取消选中，全选框同时取消选中效果。

初学者必学！利用Axure实现输入文本后，识别输入框内容，新增到数据列表中。

本文介绍的是用Axure中的中继器制作表格新增功能效果

6、下面，我们依次对【type】、【xinghao】、【changshang】等分别设置对应的局部变量并插入，注意：当字段为下拉选项时，中继器此时插入的局部变量为【被选项】。11、接下来，咱们再设置遮罩和新增弹窗的状态，因为当我们点击【新增】时，遮罩和新增弹窗需要隐藏，所以咱们设置隐藏交互。9、下一步，咱们接着对【新增】设置交互—-【设置文本】—【值】为空白，并将其他的文本框和下拉框设置对应的值。13、同理，咱们针对【取消】按钮设置时，中继器内所有的数据不变，设置隐藏对应的遮罩和弹窗，参数参考如下。

中继器添加新增一条数据 1、添加一个中继器，并命名rep； 2、添加一个按钮； 3、添加一个文本框，并命名txt。 4、点击按钮设置交互。 5、双击“鼠标单击时”，进入“用例编辑对话框”， 选择 “中继器”->“数据集”->“添加行”， 在“配置动作”中勾选中继器。 6、点击“添加行”，在弹出的对话框点击“fx”, 在“编辑”对话框添加局部变量。 7、点击“插入变量或函数”，选择

在 Axure 中，中继器（Repeater）是一种非常有用的组件，在数据列表、表格等数据展示场景中经常使用。它可以方便地重复展示类似的UI 元素，并自动生成各个元素的 id、类名等属性，方便在交互设计、数据交互等方面的应用。中继器的使用方法。。。。

Axure RP9之中继器基础使用

3.在交互窗格 每项载入时 设置文本， 编号ID 文本 [[Item.bianhao]] 改为 Z[[Item.bianhao+10000]]2.双击中继器动态面板，进入中继器，在样式窗格 数据 将bianhao 列改为 数值。1.打开上期RP 文件，为了方便演示，需要对上期的内容做些调整，仅保留五条数据。接着上期的内容，这期内容，我们来了解一下Axure中继器数据表添加行交互设计。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

话不多说，直接上方法： 1，建立页面，拖入按钮以及一个动态模板 2，双击动态模板，写入弹框内容, 3,若想要弹框时,背景透明效果,则可以单击灰色部分,然后点击右侧样式,选择fill,彩色,更换颜色以及透明度即可. 4,关闭动态面板回到页面,给按钮添加点击事件,选择显示/隐藏,选择要显示的动态模板(之前创建模板的时候可以命名下,方便这个时候寻找),选择显示，确认。 5，然后...

点击页面列表的文件夹样式的按钮可以创建一个文件夹主要用于整理页面列表内的页面。点击页面列表内的添加按钮可创建新的页面。