在《中继器的应用(2)》和《中继器的应用(3)》中,我们一起学习了如何为中继器列表添加新项以及删除某个列表项。
在CSDN用户个人中心-我的收藏页面中,还有另外一个功能,能够改变收藏夹的私密属性。
地址:https://i.csdn.net/#/user-center/collection-list
当我们点击“设为私密”或“设为公开”的按钮时,会弹出设置窗口。
点击确定按钮之后,就能够更新文件夹的私密属性。
我们在画布中添加一个“设为XX”的按钮,命名为“私密按钮”,并将字体设置为蓝色。
然后,在已有的动态面板“新建收藏面板”中,将已有的状态重复为新的状态。
原有状态的名称命名为“新建收藏”,新状态的名称命名为“设置私密”。
在“设置私密”状态中,调整重复出来的内容,变为我们想要的内容。
注意,需要将两个单选按钮的组名称修改为“设置私密”,以免与“新建收藏”状态中的两个单选按钮产生关联。
接下来,我们添加交互。
1、点击“新建按钮”时,除了显示“新建收藏面板”,还需要[设置面板状态]为[新建收藏]。
2、点击“私密按钮”时,交互事件与“新建按钮”相同,只是[设置面板状态]时选择[设置私密]。
3、“收藏目录”被[单击时],包含三种情形。
我们先“启用情形”,然后将第一种情形设置为“默认执行”。
第二种情形“公开收藏时”。
我们需要“添加条件”,判断“isOpen”的列值是否为“true”。
当符合条件时,需要为[私密按钮][设置文本],文字是“设为私密”。
并且,[选中]“私密设置”状态中的[公开选项]单选按钮。
这种情形不能与第一种情形产生逻辑关系,所以要将[Else If]切换为[If]。
第三种情形“私密收藏时”。
因为与上一种情形为互斥的逻辑关系,所以无需添加条件。
只需要为[私密按钮][设置文本],文字是“设为公开”。
并且,[选中]“私密设置”状态中的[私密选项]单选按钮。
4、完成私密选项的选择,点击确定按钮时,需要将新的选择保存到数据表。
在“确定按钮”[单击时]的交互事件中,只保留[隐藏][新建收藏面板]的动作,删除其它交互动作。
然后,添加[更新行]的交互动作。
因为我们在“收藏目录”[单击时]做了[标记行]的处理,所以这里选择更新[收藏列表][已标记]的行。
再[选择列],选择[isOpen]列。
新的列值通过局部变量获取,将“设置私密”状态中[公开选项]的选中状态值保存到数据表中。
到这里,我们就完成了本教程案例的所有内容。
当然,这个案例还没有做到尽善尽美,还有一些交互需要完成。
例如:页面刚刚打开时,要选中第一个列表项。没有列表项时隐藏删除与设置私密按钮。
因为这些交互需要使用系统变量获取中继器的属性,我们一起在下一篇教程中完成。
不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!
转载请注明:iaxure.com » 中继器的应用(4)