主要内容
在QQ使用中我们可以选择添加联系人,新建一个讨论组,已添加过的联系人不能重复添加,交互中会使用Axure里面的中继器、变量、函数。
交互效果
1.鼠标移入、点击联系人,显示悬停和选中样式。
2.鼠标点击联系人,该联系人头像、姓名添加到已选联系人列表中。已添加过的联系人不重复添加。
一、原型制作
步骤1:
添加4个矩形到编辑区分别制作如下
1)制作讨论组1面板,设置大小:w:480,h:390;
2)调整位置大小w:480,h:30,制作标题栏,设置颜色:绿色,
3)调整位置大小w:480,h:40,放在底部,并设置颜色为灰色;
4)制作确定、取消按钮;
添加单行文框到编辑区制作搜索框,添加单行文本标签到编辑区,编辑文字:已选联系人:1/50,命名:统计;添加单行文本标签到标题栏编辑文字:创建讨论组;
添加水平线到编辑区设置线宽:20,线条颜色:灰色,旋转并组合两条水平线,制作指向标识
步骤2:
添加矩形到编辑区,制作联系人列表,设置位置与大小:x:36.y :95,w:210,h:280,把矩形转换成动态面板,设置“按需显示纵向滚动条”
打开动态面板状态1编辑区,添加1个树部件,新增加2个一级树节点设置为三个组:最近联系人、我的好友、Arduino ;
在2级树节点图标中导入QQ头像,并编辑联系人的信息
步骤3:
添加矩形到编辑区,制作已选联系人列表,设置位置与大小:x:289.y :95,w:204,h:280,把矩形转换成动态面板,设置“按需显示纵向滚动条”
打开动态面板状态1编辑区,添加1个中继器,打开中继器编辑区,在中继器数据集里删除中继器里面的行,新增加三列,每列分别命名:mig、name、do;
1)添加一个矩形,调整位置与大小:x:22.y :0,w:158,h:18,命名:name;
2)添加图片部件,调整位置与大小:x:0.y :5, w:18,命名:mig;
3) 添加图片部件,调整位置与大小:x:183.y :11,w:15,h:12,命名:do;
步骤4:
在“中继器项目交互”标签下双击“每项加载时”,打开用例编辑器
动作1:选择“部件文字”,第四步选择“name”,将文本设置为值,点击后面的“fx”,点击插入变量...选择中继器数据集下面的“Item.name”
动作2:选择“设置图像”,第四步选择“mig”,默认:图像,点击“导入”导入QQ头像;
选择“设置图像”,第四步选择“do”,默认:图像,点击“导入”导入默认关闭按钮,鼠标悬停时:点击“导入”导入鼠标悬停时关闭按钮
二、设置所有2级树节点“鼠标悬停时、选中”时的交互样式
步骤5:
选中树节点“张三”在部件属性中点击“鼠标悬停时”打开设置交互样式窗口,设置填充颜色“FFF3C4”,应用到“该节点、同级节点和所有的节点”;切换“选中”标签下,设置填充颜色“E8F9FF”,应用到“该节点、同级节点和所有的节点”
步骤6:
其它两组联系人也是同样设置。
三、设置所有2级树节点“鼠标单击时”事件
步骤7:
打开联系人动态面板编辑区,选中联系人“张三”,双击“鼠标单击时”打开用例编辑器
编辑条件:选择“变量值”不包含·值·点击后面的“fx”,打开编辑值窗口,
新增局部变量:LVAR1=部件·当前部件
点击插入变量...选择部件下面的“text”,再选中“This”,选择“LVAR1”;(设置条件“if 变量 OnLoadVariable 不包含 "[[LVAR1.text]]”)
动作1:选择“设置变量值”
第四步:选择“OnLoadVariable”,设置变量值为,点击值后面的“fx”,打开编辑值窗口,新增局部变量:LVAR1=部件·当前部件
点击插入变量...选择字符串函数下面的的“concat('string')”,选中“LVAR”选择“OnLoadVariable”,再选中“'string',选择部件下面的“text”,再选中“This”,选择“LVAR1”(设置值为:[[OnLoadVariable.concat(LVAR1.text)]])
动作2:选择“新增行”
第四步:选择“中继器”,点击新增行打开编辑器“name”下面的“fx”,打开编辑值窗口,新增局部变量:LVAR1=部件·当前部件,点击插入变量...,选择局部变量“LVAR1
步骤8:
其它所有联系人设置同样的“鼠标单击时”事件,选中联系人复制、粘贴此事件即可
qq如何建群 QQ创建群的步骤
1、首先,登录自己的QQ后,点击主面板上方的创建群的按钮。
2、接下来,出现了自己的好多QQ群,点击右侧的创建选项。
3、在创建选项下,有创建群和发起多人聊天,选择创建群选项。
4、弹出对话框的第一步是选择群的类型,我选择生活休闲类。
5、接下来按照提示填写群信息,群名称,规模,地点等,填完这以后,点击下一步。
6、接下来,邀请群成员,点击中间的添加按钮,接下来点击完成创建。
7、首次创建群需要验证,输入姓名,然后再下面可以输入手机号。
8、接下来,会收到创建群成功的消息。
QQ怎么建群?
登录手机QQ,点击联系人,在联系人“+”按钮,选择创建群聊,选择创建群聊的类型,填写信息,邀请成员即可完成。
1、登录手机QQ。
/iknow-pic.cdn.bcebos.com/dc54564e9258d109d56eacccde58ccbf6c814d3a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/dc54564e9258d109d56eacccde58ccbf6c814d3a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/dc54564e9258d109d56eacccde58ccbf6c814d3a"/>
2、登录成功后,点击联系人。
/iknow-pic.cdn.bcebos.com/1c950a7b02087bf4ee895297fdd3572c11dfcf63"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/1c950a7b02087bf4ee895297fdd3572c11dfcf63?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/1c950a7b02087bf4ee895297fdd3572c11dfcf63"/>
3、在联系人“+”按钮。
/iknow-pic.cdn.bcebos.com/3b87e950352ac65c319e630df4f2b21193138a30"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/3b87e950352ac65c319e630df4f2b21193138a30?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/3b87e950352ac65c319e630df4f2b21193138a30"/>
4、在“+”按钮中点击创建群聊。
/iknow-pic.cdn.bcebos.com/342ac65c10385343d9f9835f9c13b07eca80889d"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/342ac65c10385343d9f9835f9c13b07eca80889d?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/342ac65c10385343d9f9835f9c13b07eca80889d"/>
5、选择创建群聊的类型,如:同学同事。
/iknow-pic.cdn.bcebos.com/a686c9177f3e6709b432418134c79f3df8dc5599"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/a686c9177f3e6709b432418134c79f3df8dc5599?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/a686c9177f3e6709b432418134c79f3df8dc5599"/>
6、填写信息。
/iknow-pic.cdn.bcebos.com/6159252dd42a283427e9327554b5c9ea15cebf04"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/6159252dd42a283427e9327554b5c9ea15cebf04?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/6159252dd42a283427e9327554b5c9ea15cebf04"/>
7、邀请成员即可完成建群。
/iknow-pic.cdn.bcebos.com/810a19d8bc3eb1355d64b3c5a91ea8d3fd1f4428"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/810a19d8bc3eb1355d64b3c5a91ea8d3fd1f4428?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb1355d64b3c5a91ea8d3fd1f4428"/>
注意事项:
1、创建群聊也可以选择面对面发起群聊。在“创建群聊”页面,点击“面对面发起群聊”,然后选择一个四位数的(不能太简单)密码,即可完成面对面建群。周围的人通过输入相同的密码即可进入该群。
2、首次创建群聊,需要验证本人姓名及手机号。
怎么QQ建群 QQ建群的方法
1、登录自己的QQ后,在上方的显示栏中,有一个-群组,点击打开。
2、在右侧位置有个大大的 + 符号,点击打开后,里面有添加好友、创建群和发起多人聊天三个选项,点击创建群组。
3、在创建群组中下面有多个群组的类型,点击一个即可。
4、对群组起个名称,输入一个地点,按照要求逐一对应填写,群规模在新建群是只能选择200人的群。
5、还要对群组添加认证条件,最后设置完成后,点击下一步。
6、如果是首次建群,需要验证身份,输入名称、手机号认证。(只有第一次认证需要验证身份、以后再建群就不需要了)。
7、然后添加好友,选择好友将其拉入群组,最后点击-完成创建。创建群组完成
精彩评论