主要內(nèi)容

在QQ使用中我們可以刪除添加的聯(lián)系人，同時統(tǒng)計添加人數(shù)的變化，本課來學(xué)習(xí)如何實現(xiàn)這個效果，交互中會使用Axure里面的中繼器、變量、函數(shù)。

交互效果

3.在已選聯(lián)系人列表中可以刪除已選聯(lián)系人，刪除后的聯(lián)系人，可再次添加到已選聯(lián)系人列表。

4.每次添加/刪除己選聯(lián)系人，都對已選聯(lián)系人統(tǒng)計更新。

原型接著上一課

四、設(shè)置中繼器-do(圖像)“鼠標(biāo)單擊時”事件

步驟9：

打開已選聯(lián)系人中繼器的編輯區(qū)，選中“do(圖像)”雙擊“鼠標(biāo)單擊時”打開用例編輯器

編輯條件：選擇“變量值”包含·值·點擊后面的“fx”，打開編輯值窗口，新增局部變量：LVAR1=部件·name

點擊插入變量...選擇部件下面確的“text”，再選中“This”，選擇“LVAR1”；（設(shè)置條件“if 變量 OnLoadVariable 包含 "[[LVAR1.text]]”）

動作1：選擇“設(shè)置變量值”

第四步：選擇“OnLoadVariable”，設(shè)置變量值為，點擊值后面的“fx”，打開編輯值窗口，新增兩個局部變量：LVAR1=變量值·OnLoadVariable；LVAR2=部件文字·name

點擊插入變量...選擇字符串函數(shù)下面的replace('searchvalue','newvalue')，選中“LVAR”選擇“LVAR1”，再選中'searchvalue','newvalue'，選擇“LVAR2”，在后面添加 ,'' (設(shè)置值為：[[LVAR1.replace(LVAR2,'')]]

動作2：選擇“刪除行”

第四步：選擇“中繼器”，當(dāng)前部件

五、設(shè)置中繼器“載入時、每項加載時”事件

步驟10：

中繼器-項目交互下，雙擊“載入時”事件，打開用例編輯器 動作選擇“部件文字”，第四步選擇“統(tǒng)計”設(shè)置文本值為：已選聯(lián)系人：0/50

步驟11：

雙擊“每項加載時”打開用例編輯器，添加每項加載時-動作3”事件

動作選擇“設(shè)置文本”，第四步選擇“統(tǒng)計”

點擊值后面的“fx”,點擊插入變量...選擇中繼器/數(shù)據(jù)集下面的“itemCount”，在前面添加：已選聯(lián)系人：，后面添加：/50 （設(shè)置值為：已選聯(lián)系人：[[Item.Repeater.itemCount]]/50

步驟12：

制作完成，生成原型，預(yù)覽查看。