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

中继器的应用(5)

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

在《中继器的应用(4)》的末尾提到,我们所完成的案例还有一些交互需要添加。

一、第一个交互

页面刚打开时,“需要根据“收藏列表”第一项的私密属性,改变“私密按钮”的文字。

所以,我们需要给中继器“收藏列表”的[每项加载时]添加新的交互,判断中继器当前加载的是不是第一项。

这里包含两种情形:

1、当前是第一项并且私密属性为“true”。

系统变量“isFirst”,能够返回真假值,也就是“true”和“false”。

我们通过系统变量的值,就能够判断出当前加载的项是否第一项。

满足条件时,为[私密按钮][设置文本],文本内容为“设为私密”。

不要忘记,将情形的[Else If]转换为[If]。

2、当前是第一项并且私密属性为“false”。

这个情形如果与上一情形保持“if...else”的逻辑关系,就只需要判断当前加载的是否第一项。

满足条件时,为[私密按钮][设置文本],文本内容为“设为公开”。

二、第二个交互

页面刚打开时,“收藏列表”的第一项是选中的状态。

所以,我们需要给中继器“收藏列表”的[每项加载时]事件继续添加新的交互。

这是一种新的情形,命名为“第一项时”。

为情形添加条件,判断当前加载的是否第一项。

符合条件时,执行的动作是[选中][收藏目录]。

另外,中继器列表加载完毕时,列表的第一项是可以直接删除的,所以[选中]的同时也要进行[取消标记]和[标记行]的动作。

为什么这里也要加[取消标记]的动作?

你可以做一个尝试。

删掉[取消标记]的动作,在浏览器中查看原型;点击第一项之外的列表项,然后进行私密属性的修改;点击确定按钮之后,点击删除按钮。是不是两个列表项都消失了?

这是因为更新数据之后没有取消被更新列表项的标记,导致第一个列表项和被更新的列表项同时被标记。

所以,需要添加[取消标记]的动作。

当然,这个动作也可以添加到[更新行]的动作之后。

三、第三个交互

先将“删除收藏夹”的按钮命名为“删除按钮”。

当“收藏列表”是空列表时,我们需要隐藏“删除按钮”和“私密按钮”。

所以,我们将这两个按钮在样式面板中默认设置为[隐藏]状态。

什么时候显示呢?

如果“收藏列表”不是空列表,就会触发[每项加载时]的事件,所以在[每项加载时]时间的[默认加载时]情形中,我们添加[显示][删除按钮]和[私密按钮]的动作。

四、第四个交互

当删除“收藏列表”中的收藏夹时,如果删除的是最后一个收藏夹,还要将“删除按钮”和“私密按钮”隐藏。

所以,在“删除按钮”的[单击时]事件中,我们需要添加新的情形,“列表为空时”的情形。

然后添加条件判断当前列表中加载的项是不是大于“0”。

系统变量“dataCount”,能够返回中继器列表加载项的数量,没有加载项时数值为“0”。

当满足条件时,我们[隐藏]删除按钮]和[私密按钮]。

到这里,CSDN个人中心的收藏夹功能案例就结束了。

/教程源文件/

不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!

转载请注明:iaxure.com » 中继器的应用(5)