主要内容是，使用QQ时，可以选择添加群组联系人，并且已添加的联系人不能重复添加。在本课程中，您将在搜索框中输入文本。让我们来学习如何实现这种交互。交互使用Axure 中继器、变量和函数。
互动效果
1. 单击联系人组可一次性添加该类别下的所有联系人。已添加的联系人将不会再次添加。
2. 如果搜索输入框处于字符输入模式，则会切换到搜索联系人列表。
1. 原型制作步骤1：
这个原型是基于之前创建的一个QQ讨论组，有两个动态面板，分别名为“联系人”和“选定联系人”。
第2步：
将状态2添加到联系人动态面板，并将中继器添加到状态2并将其命名为“过滤器”。删除中继器行并添加两个新列，分别命名为mig 和name。
1）添加一个矩形，调整其位置和大小：x:22.y :0、w:158、h:18，名称：name，设置线条颜色为None。
2）添加图像组件并调整位置和大小：x:0.y :5、w:18、h:18，名称：mig
3）添加单行文本框并调整位置和大小x:179.y :0、w:2、h:25，名称：关键字判断，设置为隐藏
在数据集的“名称”列中输入联系信息
在“Repeater Project Interaction”下，双击加载的每个项目以打开用例编辑器。
操作1：设置文本。第四步，选择“name”并将文本值设置为“Item.name”。
操作2：设置图像。第四步，选择“mig”，默认“图片”，导入QQ头像。
2. 设置“鼠标单击”事件对树节点进行分组。 步骤3：
打开联系人动态面板编辑区，选择联系人“最近联系人”，双击“鼠标点击”，打开用例编辑器。
编辑条件：选择“变量值”不包含值。单击其后面的“fx”，并在值编辑窗口中添加一个新的局部变量：LVAR1=Component 1.1
单击“插入变量.”，在“组件”下选择正确的“文本”，选择“此”并选择“LVAR1”（即“插入变量OnLoadVariable”和“[[LVAR1。设置条件“如果文本]] 不包含”）
操作1：选择设置变量值。
第四步：选择“OnLoadVariable”，将变量值设置为，点击值后面的“fx”，在编辑值窗口中添加一个新的局部变量：LVAR1=Component·1.1
单击以插入变量.在字符串函数下选择“concat(\’string\’)”选择“LVAR”选择“OnLoadVariable”然后选择“\’string\’”选择它并在“组件”下选择“文本”，然后在“此”中选择“LVAR1”（设置值为[[OnLoadVariable.concat(LVAR1.text)]]）
操作2：选择添加新行。
步骤4：选择Repeater，单击新行，单击名称下的fx，在编辑值窗口中添加新的局部变量LVAR1=Component·1.1，然后单击插入变量.]。选择Components下的“Modify Text”，选择“This”并选择“LVAR1”（设置值为[[LVAR1.text]]）
配置用例2和用例3（复制粘贴用例1），并将局部变量（LVAR1=组件·1.2）中对应的树节点更改为1.2和1.3。
选择用例2 和用例3，右键单击并选择切换IF/ELSE IF。
步骤4：
对于另外两个联系人组：我的朋友和Arduino，也在组树节点上设置“当鼠标单击时”事件并重复步骤3。
步骤3，复制粘贴用例1，并更改用例条件局部变量以对应后续的树节点组件名称，例如2.1、2.1、3.1、3.2等。
我的好友组有9个联系人，配置了9个用例，并更改了对应的树节点名称。 Arduino组有4个联系人，配置了4个用例，并更改了相应的树节点名称。已更改（该组中有多少联系人，因此每个配置了多少用例？）
除用例1外，其他用例也需要右键选择“Switch IF/ELSE IF”。
3. 为搜索框设置“获得焦点时”事件步骤5。
选择搜索输入框并双击On Focus 事件以打开用例编辑器。
操作：选择“设置面板状态”，然后在第四步中选择“联系人”并将状态选择为“状态2”。
本文和图片来自网络，不代表火豚游戏立场，如若侵权请联系我们删除：https://www.huotun.com/game/643719.html