axure实现复选框全选_Axure RP实例教程：全选与取消全选效果

原标题：Axure RP实例教程：全选与取消全选效果

Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件，或者在web网站的线框图、流程图、原型和规格的设计制作，从低到高的视觉和交互保真度的全方位构建，是目前业界首屈一指的交互式产品原型设计软件！此次小编就带大家来看看Axure RP如何做全选与取消全选效果。

1、案例效果：

初始状态/取消全选时：

全选后取消任一选项时：

全选/单选全部选中时：

2、案例描述：

列表中相邻的行具有交替的背景颜色；点击列表中复选框时，可以切换复选框的勾选状态，复选框被勾选时整行变为灰色，取消勾选时恢复默认颜色；列表中的复选框被全部勾选时，列表左下方的全选复选框变为被勾选状态；列表中的复选框有任何一个取消勾选时，全选复选框都会变为未勾选状态；全选复选框被主动勾选时，列表中所有的复选框均被勾选，全选复选框被主动取消勾选时，列表中所有的复选框均被取消勾选。

另外，本案例中当列表中某一行被双击时，该行为播放状态，歌曲名之前显示播放图标，并且显示听相似歌曲与看现场翻唱的按钮。

元件准备：

页面中：

中继