翻譯自? ?Checkbox

本章教授如何向JavaFX應用程序添加復選框。

雖然復選框看起來類似于單選按鈕，但它們不能組合到切換組中以便一次選擇多個選項。有關詳細信息，請參閱單選按鈕和切換按鈕章節。

圖6-1顯示了一個應用程序的屏幕截圖，其中三個復選框用于啟用或禁用應用程序工具欄中的圖標。

圖6-1復選框示例

?

創建復選框

例6-1創建了兩個簡單的復選框。

示例6-1創建復選框

//A checkbox without a caption CheckBox cb1 = new CheckBox(); //A checkbox with a string caption CheckBox cb2 = new CheckBox("Second");cb1.setText("First"); cb1.setSelected(true);

創建復選框后，可以使用JavaFX API提供的方法對其進行修改。在示例6-1中，該setText方法定義了c1復選框的文本標題。該setSelected方法設置為true在啟動應用程序時選擇cb1復選框。

定義一個國家

復選框可以是已定義的，也可以是未定義的。定義后，您可以選擇或取消選擇它。但是，如果未定義復選框，則無法選擇或取消選中該復選框。使用類的setSelected和setIndeterminate方法的組合CheckBox來指定復選框的狀態。表6-1顯示了基于其屬性INDETERMINATE和復選框的復選框的三種狀態SELECTED。

表6-1復選框的狀態

屬性值復選框外觀

INDETERMINATE?= false SELECTED?= false
INDETERMINATE?=false SELECTED?= true
INDETERMINATE?= true SELECTED?= true/false

當應用程序中的復選框表示可處于混合狀態的UI元素時，您可能需要為應用程序中的復選框啟用三種狀態，例如“是”，“否”，“不適用”。對象的allowIndeterminate屬性CheckBox確定復選框是否應循環通過所有三種狀態：selected，deselected和undefined。如果變量是true，則控件將循環通過所有三個狀態。如果是false，控件將循環選擇和取消選擇狀態。下一節中描述的應用程序構造了三個復選框，并且只為它們啟用兩個狀態。

?

設置行為

示例6-2中的代碼片段創建了三個復選框，這樣，如果選中了復選框，則相應的圖標將顯示在工具欄中。

示例6-2設置復選框的行為

final String[] names = new String[]{"Security", "Project", "Chart"}; final Image[] images = new Image[names.length]; final ImageView[] icons = new ImageView[names.length]; final CheckBox[] cbs = new CheckBox[names.length];for (int i = 0; i < names.length; i++) {final Image image = images[i] =new Image(getClass().getResourceAsStream(names[i] + ".png"));final ImageView icon = icons[i] = new ImageView();final CheckBox cb = cbs[i] = new CheckBox(names[i]);cb.selectedProperty().addListener(new ChangeListener<Boolean>() {public void changed(ObservableValue<? extends Boolean> ov,Boolean old_val, Boolean new_val) {icon.setImage(new_val ? image : null);}}); }

該names數組使用for循環創建一個復選框數組和相應的圖標數組。例如，第一個復選框cbs [0]被分配了“安全”文本標題。同時，getResourceStream當創建第一個圖標的圖像時，image [0]接收“Security.png”作為該方法的文件名。如果選擇了特定復選框，則會將相應的圖像分配給圖標。如果取消選中復選框，則圖標將接收null圖像，并且不會呈現圖標。

圖6-2顯示了選擇Security和Chart復選框并取消選中Project復選框時的應用程序。

圖6-2 Checkbox應用程序的運行情況

?

設置復選框的樣式

圖6-2中的復選框具有類的默認外觀CheckBox。您可以使用該setStyle方法更改復選框的外觀，如例6-3所示。

示例6-3為復選框設置樣式

cb1.setStyle("-fx-border-color: lightblue; "+ "-fx-font-size: 20;"+ "-fx-border-insets: -5; "+ "-fx-border-radius: 5;"+ "-fx-border-style: dotted;"+ "-fx-border-width: 2;" );

新樣式包括一個點綴淺藍色邊框和增加其文本標題的字體大小。圖6-3顯示了應用此樣式的cb1復選框。

圖6-3樣式復選框

要為應用程序中的所有復選框設置特定樣式，請使用以下過程：

• 創建.css文件。

• checkbox在.css文件中創建CSS類。

• 定義checkboxCSS類中的所有必需樣式。

• 在JavaFX應用程序中，使用該setStyleClass方法啟用樣式表。

?

相關的API文檔 ?

• CheckBox

• JavaFX CSS規范

總結

以上是生活随笔為你收集整理的JavaFX UI控件教程（七）之Checkbox的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。