QQ討論組怎麼建立（新版qq討論組在哪裡）

主要內容

在QQ使用中我們可以選擇新增分組聯絡人，批量新增，已新增過的聯絡人不能重複新增，在搜尋框輸入文字時切換到搜尋聯絡人列表，本課來學習如何實現這個互動。互動中會使用Axure裡面的中繼器、變數、函式。

互動效果

1.點選聯絡人分組，批量新增分類下的所有聯絡人，已新增過的聯絡人不再重複新增。

2.檢索輸入框為文字輸入狀態時，切換到搜尋聯絡人列表。

一、原型製作

步驟1：

此原型在前面新建QQ討論組上面的基礎上製作，把聯絡人和已選聯絡人兩個動態面板分別命名為：聯絡人、已選聯絡人

步驟2：

在聯絡人動態面板新增狀態2，在狀態2新增一箇中繼器，命名“篩選”，刪除中繼器裡面的行，新增加二列，每列分別命名：mig、name

1）新增一個矩形，調整位置與大小：x:22.y :0，w:158,h:18,命名：name，線條顏色設定為無

2）新增圖片部件，調整位置與大小：x:0.y :5， w:18,h:18,命名：mig

3）新增單行文字框，調整位置與大小x:179.y :0，w:2,h:25，命名：關鍵字判斷，並設為隱藏

在資料集“name”列輸入聯絡人的資訊

在中繼器專案互動下，雙擊每項載入時，開啟用例編輯器

動作1：設定文字，第四步選擇“name”將文字值設定為“Item.name”

動作2：設定影象，第四步選擇“mig”預設“影象”匯入QQ頭像

二、設定分組樹節點“滑鼠單擊時”事件

步驟3：

開啟聯絡人動態面板編輯區，選中聯絡人“最近聯絡人”，雙擊“滑鼠單擊時”開啟用例編輯器

編輯條件：選擇“變數值”不包含·值·點選後面的“fx”，在編輯值視窗，新增區域性變數：LVAR1=部件·1.1

點選插入變數...選擇部件下面確的“text”，再選中“This”，選擇“LVAR1”；（即設定條件“if 變數 OnLoadVariable 不包含 "[[LVAR1.text]]”）

動作1：選擇“設定變數值”

第四步：選擇“OnLoadVariable”，設定變數值為，點選值後面的“fx”，在編輯值視窗，新增區域性變數：LVAR1=部件·1.1

點選插入變數...選擇字串函式下面的的“concat('string')”，選中“LVAR”選擇“OnLoadVariable”，再選中“'string'，選擇部件下面的“text”，再選中“This”，選擇“LVAR1”（設定值為：[[OnLoadVariable.concat(LVAR1.text)]]）

動作2：選擇“新增行”

第四步：選擇“中繼器”，點選新增行，點選“name”下面的“fx”，在編輯值視窗，新增區域性變數：LVAR1=部件·1.1，點選插入變數...，選擇部件下面確的“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外其它用例同樣需要右鍵選擇“切換IF/ELSE IF”

‍

三、設定搜尋框“獲得焦點時”事件

步驟5：

選中搜尋輸入框，雙擊“獲得焦點時”事件，開啟用例編輯器

動作：選擇“設定面板狀態”，第四步選擇“聯絡人”，選擇狀態到狀態2