主要内容
在QQ使用中我們可以删除添加的聯系人,同時統計添加人數的變化,本課來學習如何實現這個效果,交互中會使用Axure裡面的中繼器、變量、函數。
交互效果
3.在已選聯系人列表中可以删除已選聯系人,删除後的聯系人,可再次添加到已選聯系人列表。
4.每次添加/删除已選聯系人,都對已選聯系人統計更新。
交互操作接上篇--->
四、設置中繼器-do(圖像)“鼠标單擊時”事件
步驟9:
打開已選聯系人中繼器的編輯區,選中“do(圖像)”雙擊“鼠标單擊時”打開用例編輯器
編輯條件:選擇“變量值”包含·值·點擊後面的“fx”,打開編輯值窗口,新增局部變量:LVAR1=部件·name
點擊插入變量...選擇部件下面确的“text”,再選中“This”,選擇“LVAR1”;(設置條件“if 變量 OnLoadVariable 包含 "[[LVAR1.text]]”)
動作1:選擇“設置變量值”
第四步:選擇“OnLoadVariable”,設置變量值為,點擊值後面的“fx”,打開編輯值窗口,新增兩個局部變量:LVAR1=變量值·OnLoadVariable;LVAR2=部件文字·name
點擊插入變量...選擇字符串函數下面的replace('searchvalue','newvalue'),選中“LVAR”選擇“LVAR1”,再選中'searchvalue','newvalue',選擇“LVAR2”,在後面添加 ,'' (設置值為:[[LVAR1.replace(LVAR2,'')]]
動作2:選擇“删除行”
第四步:選擇“中繼器”,當前部件
五、設置中繼器“載入時、每項加載時”事件
步驟10:
中繼器-項目交互下,雙擊“載入時”事件,打開用例編輯器 動作選擇“部件文字”,第四步選擇“統計”設置文本值為:已選聯系人:0/50
步驟11:
雙擊“每項加載時”打開用例編輯器,添加每項加載時-動作3”事件
動作選擇“設置文本”,第四步選擇“統計”
點擊值後面的“fx”,點擊插入變量...選擇中繼器/數據集下面的“itemCount”,在前面添加:已選聯系人:,後面添加:/50 (設置值為:已選聯系人:[[Item.Repeater.itemCount]]/50
步驟12:
制作完成,生成原型,預覽查看。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!