axure交互樣式(下拉列表和矩形)



*****矩形交互樣式之單選按鈕*****
1、賬號輸入框、密碼輸入框等文本框實現效果:輸入框獲取焦點時邊框是藍色,失
去焦點時邊框為紅色;

2、實現思路:邊框用矩形來設置選中和未選中、禁用和啟用即可

3、切記:選中和未選中、禁用和啟用都是針對外部的矩形不是內部的輸入框!

4、步驟:

1)將矩形【選中】狀態的邊框顏色改為紅色,禁用狀態的邊框顏色改為藍色

2)內部輸入框隱藏,點擊矩形的時候再顯示並且獲取焦點在輸入框內,禁用矩形框
(即邊框為藍色)

3)輸入框【獲取焦點時】,設置矩形未選中后再禁用矩形(藍色)

4)輸入框【失去焦點時】,啟用矩形再設置矩形選中(紅色)

5)以上步驟完成后,不管重復點擊多少次輸入框,都能遵循以上規則實現效果。

*****矩形交互樣式之復選框實現*******
1、矩形框內文本為√,文本顏色設置為白色,選中狀態的文本顏色設置為想要的顏
色。

2、矩形框【鼠標單擊時】——【設置選中狀態為“toggle”】即可實現選中的切換
。(點擊選中,再次點擊取消選中)

 

****下拉框交互樣式*****

1、地點選擇:省市對應轄區
方法1:
1)省市——【shengshi】:包含雲南、四川、重慶三個選項
2)轄區轉化為動態面板——xiaqu
3)xiaqu——【狀態1:雲南】包含所有雲南的轄區——xiaqu_yn
4)xiaqu——【狀態2:四川】包含所有四川的轄區——xiaqu_sc
5)xiaqu——【狀態3:重慶】包含所有重慶的轄區——xiaqu_cq
6)【shengshi】——【選項想改變時】——【設置條件】——【被選項值為“重慶
”】——【設置動態面板狀態為“重慶”】,以此類推判斷其他的用例。

方法2:省市和轄區的命名必須一致,這樣做有很多好處,可以不使用上述方法一一
對應判斷條件,可以直接【設置面板狀態】——【Value】——【狀態名稱為fx(被
選項shengshi)】即【設置xiaqu為[[ss]]】(注:ss為獲取到的被選項shengshi的局
部變量)

方法2較推薦


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM