Axure RP 8自定義複選下拉框,選中項文字同步顯示

Axure RP 8自定義複選下拉框,選中項文字同步顯示

一、展示與連接

最終實現效果圖:
最終實現效果

本人實現的百度雲盤鏈接:http://pan.baidu.com/s/1dF90czZ 以供學習,雲盤密碼可以私信問我!

二、實現步驟 
簡單步驟如下(可參照雲盤中文件編輯):
A 拖拽“文本框”元件到編輯區,選擇適合Icon放到文本框中
B 拖拽“列表框”元件到編輯區,鼠標右鍵設置爲動態面板,並將列表框設爲隱藏。如下所示:這裏寫圖片描述

C 雙擊動態面板並確定編輯,如下圖所示:
這裏寫圖片描述
D 可以依次拖拽並添加複選框到動態面板的編輯區域中,右側可以爲每個複選框命名,以便添加交互效果時辨別用。
E 以下設置複選框交互效果以第一個全選原因爲例:
(1)在元件屬性中的“選中時”添加用例,並設置交互條件,效果如下圖
這裏寫圖片描述
(2)另外需要添加所有複選框的全局變量,對於第一個複選框,我們設置全局變量a來存儲相應值,a默認值爲空
這裏寫圖片描述
(3)接下編輯交互效果,當全部原因選框選中時,我們吧“全部原因”賦值給a
並設置文本框顯示爲“[[a]]”這樣當我們選中時文字就會顯示在文本框處,同理當我們取消選中時,我們把a設置爲空,同時設置文本框顯示爲“[[a]]”
這裏寫圖片描述
(4) 最後將所有複選框的都這樣設置,編輯結束

歡迎大家交流學習,不足之處還望指教!強調內容

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章