翻譯自? ?Toggle Button

在本章中，您將了解ToggleButton該類，這是通過JavaFX API提供的另一種類型的按鈕。

可以將兩個(gè)或多個(gè)切換按鈕組合成一個(gè)組，其中一次只能選擇一個(gè)按鈕，或者不需要選擇。圖5-1是組合了三個(gè)切換按鈕的應(yīng)用程序的截屏。應(yīng)用程序根據(jù)選擇的切換按鈕繪制具有特定顏色的矩形。

圖5-1三個(gè)切換按鈕

?

創(chuàng)建切換按鈕

您可以使用ToggleButton該類的三個(gè)構(gòu)造函數(shù)中的任何一個(gè)在應(yīng)用程序中創(chuàng)建一個(gè)切換按鈕，如例5-1所示。

示例5-1創(chuàng)建切換按鈕

//A toggle button without any caption or icon ToggleButton tb1 = new ToggleButton(); //A toggle button with a text caption ToggleButton tb2 = new ToggleButton("Press me"); //A toggle button with a text caption and an icon Image image = new Image(getClass().getResourceAsStream("icon.png")); ToggleButton tb3 = new ToggleButton ("Press me", new ImageView(image));

該ToggleButton班是的擴(kuò)展Labeled類，因此你可以指定一個(gè)文本標(biāo)題，圖像，或兩者圖片和文字。您可以使用類的setText和setGraphic方法Labeled為切換按鈕指定文本和圖形內(nèi)容。

在代碼中定義了切換按鈕后，可以將它們組合在一個(gè)組中并設(shè)置特定的行為。

?

將切換按鈕添加到組

在實(shí)施ToggleButton類是非常相似的實(shí)現(xiàn)RadioButton類。但是，與單選按鈕不同，切換組中的切換按鈕不會(huì)嘗試強(qiáng)制選擇組中的至少一個(gè)按鈕。也就是說，單擊所選的切換按鈕會(huì)使其取消選中，單擊組中所選的單選按鈕無效。

花點(diǎn)時(shí)間研究代碼片段例5-2。

示例5-2組合組中的切換按鈕

final ToggleGroup group = new ToggleGroup();ToggleButton tb1 = new ToggleButton("Minor"); tb1.setToggleGroup(group); tb1.setSelected(true);ToggleButton tb2 = new ToggleButton("Major"); tb2.setToggleGroup(group);ToggleButton tb3 = new ToggleButton("Critical"); tb3.setToggleGroup(group);

例5-2創(chuàng)建了三個(gè)切換按鈕并將它們添加到切換組。setSelected為tb1切換按鈕調(diào)用該方法，以便在應(yīng)用程序啟動(dòng)時(shí)選擇該方法。但是，您可以取消選擇“輕微”切換按鈕，以便在啟動(dòng)時(shí)不在組中選擇切換按鈕，如圖5-2所示。

圖5-2組中的三個(gè)切換按鈕

通常，您使用一組切換按鈕為每個(gè)按鈕指定特定行為。下一節(jié)將介紹如何使用這些切換按鈕來更改矩形的顏色。

?

設(shè)置行為

該類從類setUserData繼承的方法可幫助您將任何選定的選項(xiàng)與特定值相關(guān)聯(lián)。在示例5-3中，用戶數(shù)據(jù)指示應(yīng)使用哪種顏色來繪制矩形。ToggleButtonNode

示例5-3設(shè)置切換按鈕的用戶數(shù)據(jù)

tb1.setUserData(Color.LIGHTGREEN); tb2.setUserData(Color.LIGHTBLUE); tb3.setUserData(Color.SALMON);final Rectangle rect = new Rectangle(145, 50);final ToggleGroup group = new ToggleGroup(); group.selectedToggleProperty().addListener(new ChangeListener<Toggle>(){public void changed(ObservableValue<? extends Toggle> ov,Toggle toggle, Toggle new_toggle) {if (new_toggle == null)rect.setFill(Color.WHITE);elserect.setFill((Color) group.getSelectedToggle().getUserData());} });

該ChangeListener<Toggle>對象檢查組中的選定切換。如果未選擇任何切換按鈕，則矩形將涂上白色。如果選擇了其中一個(gè)切換按鈕，則連續(xù)調(diào)用getSelectedToggle和getUserData方法將返回一種顏色以繪制矩形。

例如，如果用戶選擇tb2切換按鈕，則setSelectedToggle().getUserData()呼叫返回Color.LIGHTBLUE。結(jié)果如圖5-3所示。

圖5-3使用切換按鈕繪制矩形

請參閱ToggleButtonSample.java文件以檢查應(yīng)用程序的完整代碼。

?

造型切換按鈕

您可以通過將CSS樣式應(yīng)用于切換按鈕來增強(qiáng)此應(yīng)用程序。在JavaFX 2應(yīng)用程序中使用CSS類似于在HTML中使用CSS，因?yàn)槊糠N情況都基于相同的CSS規(guī)范。示例5-4使用該setStyle方法更改-fx-base切換按鈕的CSS屬性。

示例5-4將CSS樣式應(yīng)用于切換按鈕

tb1.setStyle("-fx-base: lightgreen;"); tb2.setStyle("-fx-base: lightblue;"); tb3.setStyle("-fx-base: salmon;");

當(dāng)添加到應(yīng)用程序代碼中時(shí)，這些行會(huì)更改切換按鈕的可視外觀，如圖5-4所示。

圖5-4繪制的切換按鈕

您可能希望嘗試ToggleButton該類的其他CSS屬性，或應(yīng)用JavaFX API中提供的動(dòng)畫，轉(zhuǎn)換和視覺效果。

?

相關(guān)的API文檔 ?

• ToggleButton

• ToggleGroup

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。