最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

中继器的应用(4)

教程 小楼一夜听春语 8793浏览

在《中继器的应用(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)