Axure RP9教程 列表多选

Axure RP9教程 给中继器列表添加多选功能

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

一、说明

上一篇文章中继器列表给大家做了一个入门,接下来给大家讲解对中继器的交互效果多选。关于列表多选效果的例子网上很多,普通常用是在中继器中添加行标记状态,而本文要介绍的步骤比添加行标记更简单,只需要轻轻松松的一个鼠标点击交互事件即可实现。

二、案例演示

Axure RP9教程 列表多选_第1张图片
案例链接

三、操作说明

  1. 给列标题第一列多选框元件命名为ck,并同时添加选中交互事件;
  2. 同步添加设置选择/选中动作,目标元件选中中继器id列,设置值为真
    Axure RP9教程 列表多选_第2张图片
  3. 保存预览后我们查看下效果,我们发现,当取消选中时并没有生效,那因为我们多选中款缺少了一个未选中的交互效果设置
    Axure RP9教程 列表多选_第3张图片
  4. 添加未选中交互事件,操作步骤如下:

Axure RP9教程 列表多选_第4张图片

这个步骤中我们用到了,交互事件的复制功能快速实现,较少重复设置交互动作。

  1. 最终我们预览下效果
    Axure RP9教程 列表多选_第5张图片> 是不是很简单,动动小手实现下吧。
    下一篇将为大家介绍利用中继器过滤功能,实现一个列表查询

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