举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > javafx切换界面 JavaFX 切换按钮

javafx切换界面 JavaFX 切换按钮

2023-03-13 22:20 Java教程

javafx切换界面 JavaFX 切换按钮

javafx切换界面

JavaFX是一种用于开发跨平台的基于Java的GUI技术,它提供了一种简单而强大的方法来创建复杂的图形用户界面(GUI)。它还提供了一种方法来切换不同的用户界面(UI)。在JavaFX中,可以使用Scene对象来表示不同的UI。Scene对象是一个容器,可以包含多个Node对象(如Button、Label、TextField等)。

要切换不同的UI,首先需要创建多个Scene对象。然后使用Stage.setScene()方法将新的Scene对象设置为当前显示的Scene。例如:

Stage stage = new Stage(); 
// Create scene1 
Scene scene1 = new Scene(new Group(), 500, 500); 
// Create scene2 
Scene scene2 = new Scene(new Group(), 600, 600); 
// Set scene1 as the current scene 
stage.setScene(scene1); 
// Set scene2 as the current scene 
stage.setScene(scene2);

此外,还可以使用Stage.showAndWait()方法来显示新的UI并在关闭新UI之前等待其完成。例如:

Stage stage = new Stage(); 
// Create and show a new UI 
stage.showAndWait();

最后,还可以使用Stage.hide()方法隐藏当前显示的UI。例如:

Stage stage = new Stage(); 
// Hide the current UI 
stage.hide();

总之,JavaFX提供了一种强大而有效的方法来切换不同的UI。通过使用上述API中提供的功能,可以很容易地在不同的UI之间切换。

JavaFX 切换按钮

JavaFX教程 - JavaFX 切换按钮


切换按钮具有两种状态:选择或未选择。

我们通常将两个或多个切换按钮组合成一个组,并允许用户只选择一个按钮或不选择。

创建切换按钮

我们可以使用ToggleButton类的三个构造函数创建一个切换按钮。

要创建没有任何字幕或图标的切换按钮

ToggleButton tb = new ToggleButton();

要创建带有文字说明的切换按钮

ToggleButton tb = new ToggleButton("Press me");

要创建带有文字说明和图标的切换按钮

Image image = new Image(getClass().getResourceAsStream("icon.png"));
ToggleButton tb = new ToggleButton ("Press me", new ImageView(image));

setText方法可以将文本设置为ToggleButton和setGraphic方法可以将图像安装到ToggleButton。


切换按钮组

切换组不强制选择至少一个按钮。单击所选的切换按钮可取消选择切换按钮。

ToggleGroup group = new ToggleGroup();

ToggleButton tb1 = new ToggleButton("High");
tb1.setToggleGroup(group);
tb1.setSelected(true);

ToggleButton tb2 = new ToggleButton("Medium");
tb2.setToggleGroup(group);

ToggleButton tb3 = new ToggleButton("Low");
tb3.setToggleGroup(group);

切换按钮行为

setUserData方法将用户值与切换按钮相关联。

ChangeListener对象检查组中所选的切换。如果没有选择任何开关按钮,则输出默认值。

如果选择其中一个切换按钮,getSelectedToggle和getUserData方法返回用户定义的值。

tb1.setUserData("High");
tb2.setUserData("Medium");
tb3.setUserData("Low");

ToggleGroup group = new ToggleGroup();

group.selectedToggleProperty().addListener            
    (ObservableValue<? extends Toggle> ov, Toggle toggle, Toggle new_toggle) -> {
    if (new_toggle == null)
        System.out.println("default value");
    else
        System.out.println(group.getSelectedToggle().getUserData());
});

样式切换按钮

我们可以将CSS样式应用于切换按钮。

首先,我们在myStyle.css文件中声明切换按钮的样式。

.toggle-button1{
    -fx-font: 30 arial; 
    -fx-base: green;   
}
 
.toggle-button2{
    -fx-font: 25 arial; 
    -fx-base: blue;  
}
 
.toggle-button3{
    -fx-font: 30 arial; 
    -fx-base: red;   
}

其次,我们在应用程序中安装样式。

scene.getStylesheets().add("myStyle.css");

tb1.getStyleClass().add("toggle-button1");
tb2.getStyleClass().add("toggle-button2");
tb3.getStyleClass().add("toggle-button3");
阅读全文
以上是名动网为你收集整理的javafx切换界面 JavaFX 切换按钮全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们