主要内容

在QQ使用中我们可以删除添加的联系人，同时统计添加人数的变化，本课来学习如何实现这个效果，交互中会使用Axure里面的中继器、变量、函数。

交互效果

3.在已选联系人列表中可以删除已选联系人，删除后的联系人，可再次添加到已选联系人列表。

4.每次添加/删除已选联系人，都对已选联系人统计更新。

交互操作接上篇--->

四、设置中继器-do(图像)“鼠标单击时”事件

步骤9：

打开已选联系人中继器的编辑区，选中“do(图像)”双击“鼠标单击时”打开用例编辑器

编辑条件：选择“变量值”包含·值·点击后面的“fx”，打开编辑值窗口，新增局部变量：LVAR1=部件·name

点击插入变量...选择部件下面确的“text”，再选中“This”，选择“LVAR1”；（设置条件“if 变量 OnLoadVariable 包含 "[[LVAR1.text]]”）

动作1：选择“设置变量值”

第四步：选择“OnLoadVariable”，设置变量值为，点击值后面的“fx”，打开编辑值窗口，新增两个局部变量：LVAR1=变量值·OnLoadVariable；LVAR2=部件文字·name

点击插入变量...选择字符串函数下面的replace('searchvalue','newvalue')，选中“LVAR”选择“LVAR1”，再选中'searchvalue','newvalue'，选择“LVAR2”，在后面添加 ,'' (设置值为：[[LVAR1.replace(LVAR2,'')]]

动作2：选择“删除行”

第四步：选择“中继器”，当前部件

五、设置中继器“载入时、每项加载时”事件

步骤10：

中继器-项目交互下，双击“载入时”事件，打开用例编辑器 动作选择“部件文字”，第四步选择“统计”设置文本值为：已选联系人：0/50

步骤11：

双击“每项加载时”打开用例编辑器，添加每项加载时-动作3”事件

动作选择“设置文本”，第四步选择“统计”

点击值后面的“fx”,点击插入变量...选择中继器/数据集下面的“itemCount”，在前面添加：已选联系人：，后面添加：/50 （设置值为：已选联系人：[[Item.Repeater.itemCount]]/50

步骤12：

制作完成，生成原型，预览查看。