首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaFX：实现页面切换

作者：Lululingling2002_886 | 来源：互联网 | 2023-10-10 14:34
页面切换JavaFX多个页面（Stage）之间的切换的实现的基本思路：构建一个主Stage和多个副Stage页面（构建方式基

页面切换
JavaFX多个页面（Stage）之间的切换的实现的基本思路：
构建一个主Stage和多个副Stage页面（构建方式基本上市一样的）；
在主Stage中设置某些控件的动作，这些动作通过触发副Stage页面的stage.show和stage.hide来实现副Stage的打开和关闭（或者将关闭动作绑定在副Stage的控件上）；
主Stage和副Stage之间的数据交换，可以通过在主Stage或副Stage上储存相应的数据类，通过其进行数据交换（交换动作一般发生在副Stage打开或关闭的时间）；

这种思路也可以用于实现自定义的弹窗；

带有数据交换的弹出窗口：
以下是一个示例：
   
 
  主页面 
    
    
    
     
     
  1. 【Primary - Controller】
    2. 
     
     
  2. public class Controller {
    3. 
     
     
  3.  @FXML Button newPage; //弹窗页面触发按钮
    4. 
     
     
    5. 
     
     
  5.  public void initialize(){
    6. 
     
     
  6.  //弹出新页面
    7. 
     
     
  7.  newPage.setOnAction((ActionEvent e)->{
    8. 
     
     
  8.  Popup.Data data = Popup.showDialog();  //弹出窗口，并获取交换数据
    9. 
     
     
  9.  //控制台打印交换数据
    10. 
     
     
  10.  System.out.println(data.getId()+"\n"+data.getName()+"\n"+data.getCity()); 
    11. 
     
     
  11.  });
    12. 
     
     
  12.  }
    13. 
     
     
  13. }
    14.

Popup页面 
     
     
    
      
      
  1. 【Popup - Main】
    2. 
      
      
  2. public class Popup extends AnchorPane {
    3. 
      
      
    4. 
      
      
  4.  private static Popup popup; //本类实例内部封装在静态数据域，
    5. 
      
      
  5.  
    6. 
      
      
  6.  private Data data ; //对外交换输出使用的自定义数据结构
    7. 
      
      
  7.  private Controller controller;
    8. 
      
      
  8.  priavte Stage primaryStage;
    9. 
      
      
    10. 
      
      
  10.  //本类实例内部封装在静态数据域，构造方法私有
    11. 
      
      
  11.  private Popup(){ 
    12. 
      
      
  12.  try{
    13. 
      
      
  13.  FXMLLoader fxmlloader = new FXMLloader(getClass().getResource("myDialog.fxml"))
    14. 
      
      
  14.  Parent root = FXMLLoader.load();
    15. 
      
      
  15.  primaryStage = new Stage();
    16. 
      
      
  16.  primaryStage.setResizable(false); //固定窗口大小
    17. 
      
      
  17.  primaryStage.setTitle("Input your message");
    18. 
      
      
  18.  primaryStage.setScene(new Scene(root,300,275));
    19. 
      
      
    20. 
      
      
  20.   Controller controller = fxmlloader.getControler();
    21. 
      
      
  21.  controller.start(popup);  //传递Popup实例对象，同时启动Controller的按钮动作绑定
    22. 
      
      
    23. 
      
      
  23.  }catch(IOException ex){
    24. 
      
      
  24.  ex.printStackTrace();
    25. 
      
      
  25.  }
    26. 
      
      
  26.  }
    27. 
      
      
    28. 
      
      
  28.   //外部调用方法:显示弹窗，返回数据交换用的数据结构
    29. 
      
      
  29.   public static Data showPopup(){ 
    30. 
      
      
  30.  popup = new Popup();
    31. 
      
      
  31.  if(primaryStage != null)
    32. 
      
      
  32.  primaryStage.showAndWait(); 
    33. 
      
      
  33.  //显示弹窗，并中将原线程挂起；如果没有获取数据的需求，可以直接 primaryStage.show();
    34. 
      
      
  34.  return popup.getData();
    35. 
      
      
  35.  }
    36. 
      
      
    37. 
      
      
  37.  //实例方法：关闭弹窗
    38. 
      
      
  38.  public void hide(){
    39. 
      
      
  39.  if(primaryStage != null)
    40. 
      
      
  40.  primaryStage.hide();
    41. 
      
      
  41.  } 
    42. 
      
      
  42.  //实例方法：获取交换数据
    43. 
      
      
  43.  public Data getData(){
    44. 
      
      
  44.  return data;
    45. 
      
      
  45.  }
    46. 
      
      
    47. 
      
      
  47.  //对外交换输出使用的自定义数据结构
    48. 
      
      
  48.  public static class Data{
    49. 
      
      
  49.  private String id;
    50. 
      
      
  50.  private String name;
    51. 
      
      
  51.  private String city;
    52. 
      
      
  52.  public Data(){
    53. 
      
      
  53.  }
    54. 
      
      
  54.  public Data(String id,String name,String city){
    55. 
      
      
  55.  this.id = id;
    56. 
      
      
  56.  this.name = name;
    57. 
      
      
  57.  this.city = city;
    58. 
      
      
  58.  }
    59. 
      
      
  59.  //省略数据域的get、set方法 
    60. 
      
      
  60. }
    61. 
     
     


       
       
    
        
        
  1. 【Popup - Controller】
    2. 
        
        
  2. public class Controller {
    3. 
        
        
  3.  @FXML Button ok;
    4. 
        
        
  4.  @FXML Button cancel;
    5. 
        
        
  5.  @FXML TextField tfId;
    6. 
        
        
  6.  @FXML TextField tfName;
    7. 
        
        
  7.  @FXML TextField tfCity;
    8. 
        
        
    9. 
        
        
  9.  public void initialize(){ 
    10. 
        
        
  10.  }
    11. 
        
        
    12. 
        
        
  12.  public void start（Popup popup）{ //获取Main传递归来的Popup实例
    13. 
        
        
  13.  //提交按钮
    14. 
        
        
  14.  ok.setOnAction((ActionEvent e)->{
    15. 
        
        
  15.   popup.getData() = new Popup.Date(tfId.getText(),tfName.getText(),tfCity.getText());  
    16. 
        
        
  16.  //储存交换数据
    17. 
        
        
  17.  popup.hide();
    18. 
        
        
  18.  });
    19. 
        
        
  19.  //取消按钮
    20. 
        
        
  20.  cancel.setOnAction((ActionEvent e)->{
    21. 
        
        
  21.  popup.hide();
    22. 
        
        
  22.  });
    23. 
        
        
  23. }
    24.



不带数据交换的弹出窗口
 主页面 
    
    
    
     
     
  1. 【Primary - Controller】
    2. 
     
     
  2. public class Controller {
    3. 
     
     
  3.  @FXML Button newPage; //弹窗页面触发按钮
    4. 
     
     
  4.  public void initialize(){
    5. 
     
     
  5.  //弹出新页面
    6. 
     
     
  6.  newPage.setOnAction((ActionEvent e)->{
    7. 
     
     
  7.   Popup.showPopup(); //弹出窗口
    8. 
     
     
  8.   Popup.showPopup("hello world"); //传递参数，并弹出窗口
    9. 
     
     
  9.  });
    10. 
     
     
  10.  }
    11. 
     
     
  11. }
    12.

Popup页面 
     
     
    
      
      
  1. 【Popup - Main】
    2. 
      
      
  2. public class Popup extends AnchorPane {
    3. 
      
      
  3.   private static Popup popup;
    4. 
      
      
  4.  
    5. 
      
      
  5.  private String param;
    6. 
      
      
  6.  priavte Stage stage;
    7. 
      
      
  7.  //构造方法：私有 
    8. 
      
      
  8.   private Popup(param){
    9. 
      
      
  9.  this.param = param;
    10. 
      
      
  10.  try{
    11. 
      
      
  11.  Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
    12. 
      
      
  12.  Stage stage = new Stage();
    13. 
      
      
  13.  stage.setTitle(engine.getTitle());
    14. 
      
      
  14.  stage.setScene(new Scene(root,800,600));
    15. 
      
      
  15.  }catch(IOException ex){
    16. 
      
      
  16.  ......
    17. 
      
      
  17.  }
    18. 
      
      
  18.  }
    19. 
      
      
  19.  priavte Popup(){
    20. 
      
      
  20.  this("no param");
    21. 
      
      
  21.  }
    22. 
      
      
  22.  public Stage getStage(){
    23. 
      
      
  23.  return this.stage;
    24. 
      
      
  24.  }
    25. 
      
      
    26. 
      
      
  26.  //外部调用方法
    27. 
      
      
  27.   public static void showPopup(String param){
    28. 
      
      
  28.  popup = new Popup(param); //构造实例
    29. 
      
      
  29.  popup.getStage().show(); //显示页面
    30. 
      
      
  30.  }
    31. 
      
      
  31.  public static void showPopup(){
    32. 
      
      
  32.  popup = new Popup(param); //构造实例
    33. 
      
      
  33.  popup.getStage().show(); //显示页面
    34. 
      
      
  34.  }
    35. 
      
      
  35.  
    36. 
      
      
  36. }
    37.


最简便方法

     
     
    
      
      
  1. 调用:
    2. 
      
      
  2. button.setOnAction(event->{
    3. 
      
      
  3.   new Popup();
    4. 
      
      
  4. });
    5. 
     
     

     
     
    
      
      
  1. 【Popup-Main】
    2. 
      
      
  2. public class Popup{
    3. 
      
      
  3. public Popup(){
    4. 
      
      
  4.  Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
    5. 
      
      
  5.  Stage stage = new Stage();
    6. 
      
      
  6.  stage.setTitle(engine.getTitle());
    7. 
      
      
  7.  stage.setScene(new Scene(root,800,600));
    8. 
      
      
  8.  stage.show();
    9. 
      
      
  9. }
    10. 
      
      
  10. }
    11.





推荐阅读
author-avatar
Lululingling2002_886
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有