JavaFx入門

軟件百度網盤路徑:我的網盤/Java/JavaFx環境部署
1.安裝eclipse集成包(包已集成jdk1.8,JavaFx相關的插件,無須配置)
http://efxclipse.bestsolution.at/install.html#all-in-one
中文教程
http://www.yiibai.com/javafx/javafx-tutorial-for-beginners.html
下載完成后,直接解壓文件,啟動eclipse.exe即可
2.創建JavaFx項目
File-New-Other-搜索JavaFx-選擇JavaFx Project
3.JavaFx項目結構說明

  • 項目主類繼承自 javafx.application.Application
  • 程序入口點為onStart方法
  • JavaFx界面包含:舞臺stage、場景scene。
    舞臺stage是界面的頂級容器(top-level container)
    場景scene控件是分層界面的根,用來裝載界面中所有控件

下圖說明了界面元素的層次結構:


[Description of "Figure 1-1 Hello World Scene Graph"](http://docs.oracle.com/javafx/2/get_started/img_text/helloworld_scenegraph.htm)

4.安裝JavaFX Scene Builder
用于可視化編輯界面
http://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html

下載安裝后在Eclipse:
Window-References-JavaFx-Scenebuilder Executable
選擇你安裝路徑JavaFX Scene Builder 2.0.exe
ctrl+P預覽布局

使用FXML創建用戶界面
http://docs.oracle.com/javafx/2/get_started/fxml_tutorial.htm#CHDCCHII

  • 創建fxml文件
  • 創建控制器MyController .java,
    fxml面板節點與控制器關聯fx:controller="application/MyController "
    MyController .java
import java.net.URL;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
public class MyController implements Initializable {
    @FXML
    private Button myButton;

    @FXML
    private TextField myTextField;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        System.out.println("MyController initialize");
        // TODO (don't really need to do anything here).
    }

    // When user click on myButton
    // this method will be called.
    @FXML
    protected void handleSubmitButtonAction(ActionEvent event) {
        System.out.println("Button Clicked!");
        Date now = new Date();
        DateFormat df = new SimpleDateFormat("yyyy-dd-MM HH:mm:ss");
        String dateTimeString = df.format(now);
        // Show in VIEW
        myTextField.setText(dateTimeString);

    }
}
JavaFX 布局類
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • JavaFX入門參考,高優質資料:http://www.javafxchina.net/blog/docs/tut...
    heguorui閱讀 12,864評論 10 23
  • 概述:JavaFX的應用程序的頂級容器是stage(舞臺),創建javafx的應用程序首先應該是集成Applica...
    thychan閱讀 1,595評論 0 2
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,881評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,099評論 25 708
  • 明天,要去機場接老媽。她帶著侄兒從海口飛回家來。 老媽姓馮,左鄰右舍的同輩人稱“老馮”。老媽出生在禹州...
    韋心草閱讀 580評論 0 1