AxureRP8實戰手冊-案例6（形狀：自定義複選框②）
AxureRP8.0教程 小樓一夜聽春語 4年前 (2016-06-14) 15580℃ 0評論
案例6. 形狀：自定義複選框（2）
案例來源:
多米音樂-使用者注冊
案例效果：
- 選中前：（圖1-28）
- 選中後：（圖1-29）
案例描述：
案例中的複選框在未選中時和選中時，呈現不同的樣式。
元件準備：
- 頁面中：（圖1-30）
包含命名：
- 矩形（用于制作複選框）：CheckBox
思路分析：
- 複選框中的“√”可以使用特殊符号輸入到矩形的元件文字中；
- 當矩形中沒有文字時，設定元件文字為“√”；（操作步驟1~3）
- 否則，設定矩形的元件文字為空白的。（操作步驟4~5）
操作步驟：
1、為元件“CheckBox”的【滑鼠單擊時】添加“用例1”；
2、為“用例1”添加條件判斷，判斷元件“CheckBox”的【元件文字】【==】“”（空值）；
- 條件設定截圖：（圖1-31）
3、為“用例1”添加滿足條件時的動作，【設定文本】到元件“CheckBox” 為【值】“√”；
- 用例動作設定：（圖1-32）
4、繼續為元件“CheckBox”的【滑鼠單擊時】添加“用例2”；
5、設定不滿足“用例1”的條件時執行的動作，【設定文本】到元件“CheckBox” 為【值】“”。
- 用例動作設定：（圖1-33）
6、完成以上操作，即實作了整體效果。
- 事件互動設定：（圖1-34）
補充說明：
本案例中矩形元件“CheckBox”的字型為隸書，與實際網站效果略有差别。
轉載請注明：Axure原創教程網 » AxureRP8實戰手冊-案例6（形狀：自定義複選框②）
