Axure RP9教程 列表新增

Axure RP9教程 利用中继器新增行实现列表新增功能

    • 一、说明
    • 二、案例演示
    • 三、操作说明

一、说明

上一篇为大家介绍了列表编辑功能的实现,本篇将为大家介绍列表新增功能,那么如何来实现这个功能呢?接下来我们会用到中继器新增行交互事件;

二、案例演示

Axure RP9教程 列表新增_第1张图片

三、操作说明

  1. 工具栏中添加新增图标及标签,在图标标签基础上添加热区
  2. 对热区添加鼠标单击时交互事件,同步插入如下动作:
  3. 显示/隐藏动作,设置目标元件为新增窗口,更多选项添加遮罩效果
    Axure RP9教程 列表新增_第2张图片
  4. 再插入设置文本交互动作,将弹出框文本值初始化设置为空;
  5. 给弹出框保存按钮添加鼠标单击时交互事件,同步插入一下动作
    Axure RP9教程 列表新增_第3张图片
  6. 新增行交互动作,目标元件设置为数据字典列表,在新增行配置文本中继器关系
    Axure RP9教程 列表新增_第4张图片
    Axure RP9教程 列表新增_第5张图片
    Axure RP9教程 列表新增_第6张图片

中继器列表字段对应为弹出框对应文本值,先定义局部变量,在列中直接引用变量值,或点击行中fx图标进行手工新增。

你可能感兴趣的:(Axure,其他)