eclipse開發 javafx（轉）

時間  2020-05-31
標籤 eclipse 開發 javafx 欄目 Eclipse 简体版
原文   原文鏈接

瞭解過JavaFX的都知道，JavaFX自從2.0版本開始，已經徹底拋棄了以前的script語言，才用純java來實現。這樣的好處就是1.讓使用Java的IDE進行JavaFX的開發成爲可能，2.Java與JavaFX的API相互調用更容易 3.JavaFX的程序部署也更簡單.html

 

  e(fx)clipse就是一個eclipse上用來開發JavaFX的插件。不只如此，在官網上還能夠下載包含e(fx)clipse插件的完整版eclipse。java

 

  官方網站爲:http://www.efxclipse.org/。程序員

 

  就我我的感受，在eclipse上開發比使用netbeans要溫馨的多。app

 

  另外，Oracle推出了JavaFX Scene Builder，用來進行JavaFX的可視化開發。eclipse

 

  首先咱們從官方網站下載JavaFX Scene Builder。ide

  打開程序，能夠看到如下畫面：工具

  

  

   如圖所示，左上方是JavaFX控件列表，左下方是UI層結構，中間是可視化設計區域，右邊是控件屬性。網站

   

   那麼，咱們就構建一個簡單的記事本程序吧！ui

 

   首先使用JavaFX Scene Builder 建立如下界面。this

    

 

   這就是一個簡單的記事本的界面了。上面是一個MenuBar，中間是一個TextArea用來顯示打開的文本內容。在

TextArea上添加了一個ContextMenu，也就是所謂的右鍵菜單。

 

   這裏要注意一點:fx:id是一個很重要的屬性，在事件邏輯層要獲取JavaFX Scene Builder編輯的XML中的控件，須要經過fx:id來獲取。

 

  另外，還要在右邊屬性的events中指定事件的方法。

 

  以下圖所示，Menu中的Open事件對應onMenuOpen方法。

  

 

  這樣，一個簡易記事本的界面就建立好了。咱們在JavaFX Scene Builder中將它保存爲study.xml。

 

  接着，咱們在e(fx)clipse中，新建一個JavaFX Project。記住要在preference裏設定JavaFX SDK的位置(相似Android開發)。

  建立一個類MyApp 繼承於javafx.application.Application。

  

[java] view plain copy print ?
  1. import javafx.application.Application;  
  2. import javafx.fxml.FXMLLoader;  
  3. import javafx.scene.Parent;  
  4. import javafx.scene.Scene;  
  5. import javafx.stage.Stage;  
  6. import javafx.stage.StageStyle;  
  7.   
  8. public class MyApp extends Application {  
  9.   
  10.     public static void main(String[] args) {  
  11.         Application.launch(MyApp.class, args);  
  12.     }  
  13.       
  14.     @Override  
  15.     public void start(Stage stage) throws Exception {  
  16.         Parent root = FXMLLoader.load(getClass().getResource("study.fxml"));  
  17.   
  18.         Scene scene = new Scene(root, 600, 400);  
  19.         stage.initStyle(StageStyle.DECORATED);  
  20.         stage.setScene(scene);  
  21.         stage.setTitle("JavaFX記事本");  
  22.         stage.show();  
  23.     }  
  24.   
  25. }  
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.stage.StageStyle;

public class MyApp extends Application {

    public static void main(String[] args) {
        Application.launch(MyApp.class, args);
    }
    
    @Override
    public void start(Stage stage) throws Exception {
    	Parent root = FXMLLoader.load(getClass().getResource("study.fxml"));

        Scene scene = new Scene(root, 600, 400);
        stage.initStyle(StageStyle.DECORATED);
        stage.setScene(scene);
        stage.setTitle("JavaFX記事本");
        stage.show();
    }

}

  

 

  如上圖所示，咱們使用JavaFX中提供的FXMLLoader來加載咱們編輯好的JavaFX界面。study.fxml應該放在與MyApp類相同的目錄，經過getClass().getResource()獲取該類目錄的資源。

  上面的MyApp類中也出現了幾個JavaFX中的類，Parent, Scene, Stage。那麼這幾個類到底有什麼用呢？

  

  Stage是JavaFX最頂層的容器，最原始的Stage(也就是start方法後的參數)是根據系統平臺進行建立的(也是跨平臺的重點)。固然，你也能夠在程序其餘地方建立Stage。

 

  Scene是包括控件等全部內容的容器，應用程序必須指定Scene的根節點。既能夠像上面代碼中初始化時傳入根節點，也能夠經過setRoot方法來設定根節點。

 

  Parent是全部包含子節點的節點的基類。它是一個繼承於Node的抽象類。所以Loader裏實際上是用到了向上轉型。

 

  由上面的解釋，能夠很容易的知道JavaFX中是用到的樹形結構。

 

  另外，JavaFX使用很常見的反射機制將UI層和事件層徹底分離了。查看上面的study.xml，你就能夠看到根節點有一個fx:controller屬性。這個屬性就是指定事件處理的類。好比咱們如今應用程序中處理事件的類爲Test.java。那麼就修改fx:controller = "org.wing.javafx.project01.Test" 前面的是包名。

 

  那麼，下面來寫咱們的事件處理類吧。

  

[java] view plain copy print ?
  1. import java.io.File;  
  2.   
  3. import javax.swing.JOptionPane;  
  4.   
  5. import javafx.event.ActionEvent;  
  6. import javafx.fxml.FXML;  
  7. import javafx.scene.Scene;  
  8. import javafx.scene.control.TextArea;  
  9. import javafx.scene.layout.AnchorPane;  
  10. import javafx.stage.FileChooser;  
  11.   
  12. public class Test {  
  13.     @FXML  
  14.     private AnchorPane layoutPane;  
  15.     @FXML  
  16.     private TextArea  fileContent;  
  17.     private File result;  
  18.       
  19.     @FXML  
  20.     private void onMenuOpen(ActionEvent event) {  
  21.         FileChooser fileChooser = new FileChooser();  
  22.         result = fileChooser.showOpenDialog(layoutPane.getScene().getWindow());  
  23.         if (result != null) {  
  24.             fileContent.setText(FileTools.readFile(result));  
  25.         }  
  26.     }  
  27.       
  28.     @FXML  
  29.     private void onMenuSave(ActionEvent event) {  
  30.         if(result != null){  
  31.             FileTools.writeFile(result, fileContent.getText());  
  32.         }  
  33.     }  
  34.       
  35.     @FXML  
  36.     private void onMenuClose(ActionEvent event) {  
  37.         System.exit(0);  
  38.     }  
  39.       
  40.     @FXML  
  41.     private void onMenuDelete(ActionEvent event) {  
  42.         fileContent.replaceSelection("");  
  43.     }  
  44.       
  45.     @FXML  
  46.     private void onMenuAbout(ActionEvent event) {  
  47.         JOptionPane.showMessageDialog(null, "JavaFX記事本是一款使用JavaFX開發的記事本。" ,"關於",  JOptionPane.PLAIN_MESSAGE);  
  48.     }  
  49.       
  50.     @FXML  
  51.     private void onContextSelectAll(ActionEvent event) {  
  52.         fileContent.selectAll();  
  53.     }  
  54. }  
import java.io.File;

import javax.swing.JOptionPane;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.Scene;
import javafx.scene.control.TextArea;
import javafx.scene.layout.AnchorPane;
import javafx.stage.FileChooser;

public class Test {
    @FXML
    private AnchorPane layoutPane;
    @FXML
    private TextArea  fileContent;
    private File result;
    
    @FXML
    private void onMenuOpen(ActionEvent event) {
		FileChooser fileChooser = new FileChooser();
		result = fileChooser.showOpenDialog(layoutPane.getScene().getWindow());
		if (result != null) {
			fileContent.setText(FileTools.readFile(result));
		}
    }
    
    @FXML
    private void onMenuSave(ActionEvent event) {
        if(result != null){
        	FileTools.writeFile(result, fileContent.getText());
        }
    }
    
    @FXML
    private void onMenuClose(ActionEvent event) {
        System.exit(0);
    }
    
    @FXML
    private void onMenuDelete(ActionEvent event) {
        fileContent.replaceSelection("");
    }
    
    @FXML
    private void onMenuAbout(ActionEvent event) {
        JOptionPane.showMessageDialog(null, "JavaFX記事本是一款使用JavaFX開發的記事本。" ,"關於",  JOptionPane.PLAIN_MESSAGE);
    }
    
    @FXML
    private void onContextSelectAll(ActionEvent event) {
        fileContent.selectAll();
    }
}

 

  看上面的代碼，你會發現與JavaFX映射的變量和方法都有@FXML標註。而變量的名稱須要對應study.xml中控件的fx:id屬性。事件處理的方法一樣也是對應xml中定義的事件名稱。

 

  在MenuOpen事件中打開一個文件選擇器，而後獲取選擇的文件，讀取文本文件的內容，最後設置到TextArea中。至於FileTools，則是臨時下的文本文件讀取的類。

 

  在MenuSave事件中，將TextArea中的內容保存到剛打開的文件中。

 

  上面還調用了Swing中的JOptionPane的顯示Message的方法。因而可知，在現在的JavaFX中能夠很輕易的使用Java Api。

 

  另外，下面的是FileTools的代碼，很簡單的文本文件讀寫。

  

[java] view plain copy print ?
  1. import java.io.BufferedReader;  
  2. import java.io.BufferedWriter;  
  3. import java.io.File;  
  4. import java.io.FileReader;  
  5. import java.io.FileWriter;  
  6.   
  7. public class FileTools {  
  8.       
  9.     public static String readFile(File file) {  
  10.         StringBuilder resultStr = new StringBuilder();  
  11.         try {  
  12.             BufferedReader bReader = new BufferedReader(new FileReader(file));  
  13.             String line = bReader.readLine();  
  14.             while (line != null) {  
  15.                 resultStr.append(line);  
  16.                 line = bReader.readLine();  
  17.             }  
  18.             bReader.close();  
  19.         } catch (Exception e) {  
  20.             e.printStackTrace();  
  21.         }  
  22.         return resultStr.toString();  
  23.     }  
  24.   
  25.     public static void writeFile(File file, String str) {  
  26.         try {  
  27.           BufferedWriter bWriter = new BufferedWriter(new FileWriter(file));  
  28.           bWriter.write(str);  
  29.           bWriter.close();  
  30.         } catch (Exception e) {  
  31.             e.printStackTrace();  
  32.         }  
  33.     }  
  34. }  
import java.io.BufferedReader;
import java.io.BufferedWriter;
import java.io.File;
import java.io.FileReader;
import java.io.FileWriter;

public class FileTools {
	
	public static String readFile(File file) {
		StringBuilder resultStr = new StringBuilder();
		try {
			BufferedReader bReader = new BufferedReader(new FileReader(file));
			String line = bReader.readLine();
			while (line != null) {
				resultStr.append(line);
				line = bReader.readLine();
			}
			bReader.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
		return resultStr.toString();
	}

	public static void writeFile(File file, String str) {
        try {
		  BufferedWriter bWriter = new BufferedWriter(new FileWriter(file));
		  bWriter.write(str);
		  bWriter.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

 

  最後來運行咱們的JavaFX程序吧。

 

  

 

  是否是很簡單？

  因爲JavaFX Scene Builder這個JavaFX可視化工具的發佈，e(fx)clipse這樣基於eclipse的插件的出現，能夠令Java程序員快速的進行JavaFX的開發，並且如今將事件層和UI層進行了很好分離，代碼總體的結構也更加的清晰了。

 

  就讓咱們期待一下JavaFX的成長吧。

 

  轉載請註明:http://blog.csdn.net/ml3947

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程