专业的编程技术博客社区

网站首页 > 博客文章 正文

Axure RP9教程 列表多选(axure多选按钮)

baijin 2024-08-26 10:10:16 博客文章 5 ℃ 0 评论

一、说明

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

二、案例演示

三、操作说明

  1. 给列标题第一列多选框元件命名为ck,并同时添加选中交互事件;
  1. 同步添加设置选择/选中动作,目标元件选中中继器id列,设置值为真
  1. 保存预览后我们查看下效果,我们发现,当取消选中时并没有生效,那因为我们多选中款缺少了一个未选中的交互效果设置
  1. 添加未选中交互事件,操作步骤如下:
这个步骤中我们用到了,交互事件的复制功能快速实现,较少重复设置交互动作。
  1. 最终我们预览下效果

是不是很简单,动动小手实现下吧。

下一篇将为大家介绍利用中继器过滤功能,实现一个列表查询

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表