axure实现复选框全选_AxureRP8实战手册-案例73（全选与取消全选效果）

案例73. 全选与取消全选效果

案例来源:

百度音乐-音乐盒

案例效果：

初始状态/取消全选时：(图5-117)

全选后取消任一选项时：(图5-118)

全选/单选全部选中时：(图5-119)

案例描述：

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

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

元件准备：

页面中：(图5-120)

中继器“PlayList”中：(图5-121)

中继器“PlayList”数据集中：(图5-122)