JAVAFX实现图片切换功能

近期在搞密码键盘与JAVA之间的交互。

需求是密码键盘输入后通过JAVAFX实现动态的图片切换

那么,关于JAVAFX的使用首先需要我们继承

javafx.application.Application

然后重写start()方法,在start方法中进行舞台搭建

最后调用class.launch()方法进行启动javafx

以上代码用来搭建一个基础的舞台,用来显示我们的默认图片

因为程序一次启动中只能调用一次class.launch(),所以我们重写stage的onClose方法,将原本的关闭方法调为隐藏最小化,这样我们使用完毕调用close()方法关闭后,只需要再次调用stage.show()方法即可再次弹出

stage2.setOnCloseRequest(event -> {
    stage2.setIconified(true);
    event.consume();
});

下面我们进行图片切换的实现

本文为了方便更多功能的拓展使用了JAVAFX的

PauseTransition

这个对象可以创建一个类似于计时器的功能,可以指定时间执行javafx任务

    PauseTransition changeImg(Stage stage, Pane pane, Scene scene, String url, boolean visible){
        PauseTransition delay1 = new PauseTransition(Duration.seconds(0.1));
        delay1.setOnFinished( event -> {
            if (!visible){
                stage2.close();
            }
            if (visible){
                javafx.scene.image.Image image2 = new Image(KMYTestController.class.getResourceAsStream(url));
                pane.getChildren().clear();
                pane.getChildren().add(new ImageView(image2));
                stage2.setScene(scene2);
                stage2.setTitle("show image example");
                stage2.show();

            }
        });
        return delay1;
    }

此方法为切换图片所用的核心方法

stage : 需要切换图片的stage

scene: 舞台

url: 需要切换的图片地址

visible: 是否可见(控制显示隐藏)

通过以上方法我们可以获得一个带有定时任务的PauseTransition对象

接下来只需要调用对象.play();方法即可完成图片切换

 PauseTransition close = changeImg(stage2, pane, scene2, "/static/img/wait_key.png", false);
        PauseTransition pic1 = changeImg(stage2, pane, scene2, "/static/img/wait_key.png", true);
        PauseTransition key1 = changeImg(stage2, pane, scene2, "/static/img/key1.png", true);
        PauseTransition key2 = changeImg(stage2, pane, scene2, "/static/img/key2.png", true);
        PauseTransition key3 = changeImg(stage2, pane, scene2, "/static/img/key3.png", true);
        PauseTransition key4 = changeImg(stage2, pane, scene2, "/static/img/key4.png", true);
        PauseTransition key5 = changeImg(stage2, pane, scene2, "/static/img/key5.png", true);
        PauseTransition key6 = changeImg(stage2, pane, scene2, "/static/img/key6.png", true);
        PauseTransition key0 = changeImg(stage2, pane, scene2, "/static/img/key0.png", true);
        new Thread(()->{
            while (true){
                if (flag == 0){
                    pic1.play();
                    flag = -1;
                }else if(flag == 1){
                    key1.play();
                    flag = -1;
                }else if(flag == 2){
                    key2.play();
                    flag = -1;
                }else if(flag == 3){
                    key3.play();
                    flag = -1;
                }else if(flag == 4){
                    key4.play();
                    flag = -1;
                }else if(flag == 5){
                    key5.play();
                    flag = -1;
                }else if(flag == 6){
                    key6.play();
                    flag = -1;
                }else if(flag == 7){
                    key0.play();
                    flag = -1;
                }else if (flag == -2){
                    close.play();
                    flag = -1;
                }
            }
        }).start();

以上使用了一个辅助线程,监听flag的改变来实现javafx的动态监听(flag为全局静态变量,方便其他类中也可以方便对javafx的图片进行切换) 

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
JavaFX实现界面切换,可以通过以下步骤实现: 1. 创建多个FXML文件,每个文件对应一个界面。例如,可以创建一个Login.fxml,一个Dashboard.fxml等等。 2. 在每个FXML文件中定义一个根节点,例如AnchorPane。 3. 在Controller类中,使用注解@FXML注入FXML文件中定义的控件。 4. 在主界面中定义一个容器,例如StackPane,用于存放所有的界面。 5. 在主界面的Controller类中,使用FXMLLoader加载所有的FXML文件,并将它们添加到容器中。例如,可以在initialize()方法中加载所有的FXML文件,并将它们添加到StackPane中。 6. 在Controller类中,使用FXMLLoader加载要切换到的界面,并将它添加到容器中。例如,可以在登录按钮的事件处理程序中加载Dashboard.fxml文件,并将它添加到StackPane中。 7. 使用容器的toFront()方法将要切换到的界面显示在最前面。 下面是一个简单的示例代码: Main.fxml文件: ``` <?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.layout.StackPane?> <StackPane fx:id="container" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"> </StackPane> ``` MainController.java文件: ``` public class MainController { @FXML private StackPane container; @FXML private void initialize() throws IOException { // 加载Login.fxml FXMLLoader loginLoader = new FXMLLoader(getClass().getResource("Login.fxml")); AnchorPane loginPane = loginLoader.load(); // 将Login界面添加到容器中 container.getChildren().add(loginPane); } @FXML private void onLoginButtonClicked() throws IOException { // 加载Dashboard.fxml FXMLLoader dashboardLoader = new FXMLLoader(getClass().getResource("Dashboard.fxml")); AnchorPane dashboardPane = dashboardLoader.load(); // 将Dashboard界面添加到容器中 container.getChildren().add(dashboardPane); // 显示Dashboard界面 dashboardPane.toFront(); } } ``` Login.fxml文件: ``` <?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.layout.AnchorPane?> <?import javafx.scene.control.Button?> <AnchorPane xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.LoginController"> <Button text="Login" onAction="#onLoginButtonClicked" /> </AnchorPane> ``` LoginController.java文件: ``` public class LoginController { @FXML private void onLoginButtonClicked() throws IOException { // 切换到Dashboard界面 FXMLLoader loader = new FXMLLoader(getClass().getResource("Dashboard.fxml")); AnchorPane pane = loader.load(); container.getChildren().add(pane); pane.toFront(); } } ``` Dashboard.fxml文件: ``` <?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.layout.AnchorPane?> <?import javafx.scene.control.Label?> <AnchorPane xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.DashboardController"> <Label text="Dashboard" /> </AnchorPane> ``` DashboardController.java文件: ``` public class DashboardController { } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值