Axure RP9教程 列表详情

Axure RP9教程 利用中继器标记行功能快速实现列表详情查看

一、说明

上一篇为大家介绍了列表翻页功能的实现,本篇将为大家介绍列表详情,列表详情是我们在移动端、PC端比较常见的一个功能,具体是将我们选中列表功能展示在弹出框中,那么如何来实现这个功能呢?接下来我们会用到中继器的另个动作来实现标记行

二、案例演示

Axure RP9教程 列表详情
案例链接

三、操作说明

  1. 添加查看详情弹出框,将分类、编码、名称、来源控件分拨命名;
    Axure RP9教程 列表详情
  2. 全选弹出框,右键进行组合,设置组合状态为隐藏
  3. 在中继器行列元素添加查看标签,并设置鼠标单击时交互事件;
  4. 在动作中分别添加显示/隐藏标记行设置文本动作;
  5. 为了让弹出框显示遮罩效果,在更多选项中选择遮罩效果置于顶层
    Axure RP9教程 列表详情
  6. 标记行中,注意设置当前元件,只对选中后展示
    Axure RP9教程 列表详情
  7. 设置文本中将文本值对应中继器列名
    Axure RP9教程 列表详情