JavaFXでHello world! - Android勉強会

JavaFXでHello world!を表示してみます。

JavaFXのプロジェクト作成
JavaFXのビルド
ラベルの追加
ビルドとコンパイルの違い
JavaFXの参考情報

JavaFXのプロジェクト作成

IntelliJ IDEAで、JavaFXのプロジェクトを作成します。

f:id:jsstudy:20170506123933p:plain

プロジェクト名を「helloworld」にします。

f:id:jsstudy:20170506123946p:plain

[Finish]ボタンをクリックすると、自動的にJavaFXのプロジェクトが作成されました。

f:id:jsstudy:20170506125005p:plain

「Main.java」のタブをクリックして、コードを見てみます。

f:id:jsstudy:20170506125046p:plain

最初から、以下のようなコードがありました。（サンプルコード）

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }


    public static void main(String[] args) {
        launch(args);
    }
}

とりあえず、このコードをビルドして、実行してみます。

JavaFXのビルド

メニューの「Run」から、「Run 'Main'」をクリックします。

f:id:jsstudy:20170506125308p:plain

ちょっと待つと、以下のようなサンプルアプリが表示されました。

f:id:jsstudy:20170506125419p:plain

タイトルのところに「Hello World」と表示されているシンプルなサンプルアプリです。

ラベルの追加

少しコードを改変して、タイトルの他に、ラベルでテキストを表示してみます。

（参考）

qiita.com

import javafx.scene.control.Label;
import javafx.scene.text.Font;

stage.setWidth(540);
stage.setHeight(220);
Label lblMsg = new Label("Hello, JavaFX");
lblMsg.setFont(new Font(80));
stage.setScene(new Scene(lblMsg));

この辺りがサンプルコードと違っていたので、これを組み込んでみます。

f:id:jsstudy:20170506131136p:plain

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.Label; // Label
import javafx.scene.text.Font; // Font
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setWidth(540); // width
        primaryStage.setHeight(220); // height

        Label lblMsg = new Label("Hello, JavaFX");
        lblMsg.setFont(new Font(80));
        primaryStage.setScene(new Scene(lblMsg));

        primaryStage.show();
    }


    public static void main(String[] args) {
        launch(args);
    }
}