JFoenix中文教程:3、JFXCheckBox多選框元件
阿新 • • 發佈:2021-01-01
JFoenix提供的多選元件為JFXCheckBox,JFXCheckBox樣式如下:
對應原始碼如下:
<JFXCheckBox layoutX="50" layoutY="40" text="預設多選框"></JFXCheckBox> <JFXCheckBox layoutX="50" layoutY="80" style="-jfx-unchecked-color: #4169E1;" text="自定義多選框 未選擇-框顏色"></JFXCheckBox> <JFXCheckBox layoutX="50" layoutY="120" style="-jfx-checked-color: #FF4500;" text="自定義多選框 已選擇-框顏色"></JFXCheckBox> <JFXCheckBox layoutX="50" layoutY="160" style="-jfx-unchecked-color: #2E8B57; -jfx-checked-color: #FF4500;" text="自定義多選框 未選擇/已選擇-框顏色"></JFXCheckBox> <JFXCheckBox layoutX="50" layoutY="200" style="-jfx-unchecked-color: #2E8B57; -jfx-checked-color: #4169EE; -fx-text-fill: #FF4500;" text="自定義多選框 未選擇/已選擇-框顏色 文字顏色"></JFXCheckBox>
JFXCheckBox提供了兩個自定義屬性:
-jfx-checked-color
用於定義多選框選中時的顏色,預設是:#0F9D58(綠色系)
-jfx-unchecked-color
用於定義多選框未選中時的顏色,預設是:#5A5A5A(黑色系)