美化代刷代碼 Axure實戰(zhàn)006:如何美化單選復選框按鈕樣式?
Axure實戰(zhàn)006:如何美化單選復選框按鈕樣式?Axure提供的組件中,復選框的樣式是固定的,沒法修改的,如果想要美化復選框樣式,只能自己做,美化的方式有兩種:1、自己用組件形狀畫,通過填充顏色,設(shè)
Axure實戰(zhàn)006:如何美化單選復選框按鈕樣式?
Axure提供的組件中,復選框的樣式是固定的,沒法修改的,如果想要美化復選框樣式,只能自己做,美化的方式有兩種:
1、自己用組件形狀畫,通過填充顏色,設(shè)置描邊和陰影進行美化。
2、如果你有更高的要求,或者想做高保真原型,就讓UI設(shè)計師設(shè)計復選框樣式,記得至少要兩種狀態(tài)樣式,選中狀態(tài)和非選中狀態(tài)。
自己做復選框在技術(shù)上也有兩種實現(xiàn)方式:
1、通過動態(tài)面板實現(xiàn),將復選框的兩個樣式置于動態(tài)面板的兩個狀態(tài)里,點擊動態(tài)面板切換狀態(tài),就能實現(xiàn)復選框的效果。
2、通過顯示隱藏元件實現(xiàn),將兩個狀態(tài)的元件疊放在一起,設(shè)置點擊一個元件隱藏自己顯示另一個元件,也能實現(xiàn)復選框的效果。
另外,原型畢竟是原型,一般情況下不用刻意去美化某個組件,除非你想做高保真原型。