手机qq怎么建讨论组 手机qq如何创建讨论组
后台回复1免费送你《产品经理入门资料包》
主要内容
主要内容
在QQ使用中，我们可以选择添加联系人，新建一个讨论组。已添加过的联系人不能重复添加。交互中将使用Axure中的中继器、变量、函数。
交互效果
1.鼠标移入或点击联系人时，显示悬停和选中样式。
2.鼠标点击联系人时，该联系人头像、姓名添加到已选联系人列表中。已添加过的联系人不重复添加。
一、原型制作
步骤1：
向画板添加4个矩形，制作如下：
1）制作讨论组1面板，设置大小：宽480，高390。
2）调整位置和大小：宽480，高30，制作标题栏，设置颜色：绿色，
3）调整位置和大小：宽480，高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,h: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”。
- 应用到“该节点、同级节点和所有节点”。
二、设置所有 2 级树节点的“鼠标单击时”事件
- 打开联系人动态面板。
- 选择联系人“张三”。
- 双击“鼠标单击时”事件。
- 在用例编辑器中，编辑条件：选择“变量值”不包含 ·值·。
- 点击后面的“fx”打开编辑值窗口。
- 新增局部变量：`LVAR1 = 部件·当前部件`。
- 点击插入变量，选择部件下的“text”，再选择“This”，选择“LVAR1”。
- 添加动作 1：选择“设置变量值”。
- 选择变量为“OnLoadVariable”，设置变量值为“fx”。
- 新增局部变量：`LVAR1 = 部件·当前部件`。
- 点击插入变量，选择字符串函数下的“concat()”，选择“LVAR1”，选择“OnLoadVariable”，选择部件下的“text”，选择“This”，选择“LVAR1”。
- 添加动作 2：选择“新增行”。
- 选择中继器，点击新增行打开编辑器。
- 在“name”下的“fx”中，新增局部变量：`LVAR1 = 部件·当前部件`。
- 点击插入变量，选择局部变量“LVAR1”。
- 对所有联系人设置相同的“鼠标单击时”事件。
- 选择联系人，复制并粘贴此事件。
