	ブログをはじめるログイン

2020年07月｜ 2020年08月｜2020年09月ブログトップ
前の10件 | -

ボタンクリック時の処理(onAction)を追加する　 [JavaFX]

前置き

ボタンクリック時の処理は、setOnActionメソッドで直接追加する方法と、FXMLのonActionにメソッドを指定して追加する方法がある。
どちらの方法でも良いが、どちらかに統一した方がいいと思っていて、体感では、直接追加する方法はソースを追いやすくなり、 FXMLで指定する方法ではソースがスッキリするイメージ。

実装

直接指定

FXDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.fxml.Initializable;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

import java.io.IOException;
import java.net.URL;
import java.util.ResourceBundle;

public class FXDemo extends Application implements Initializable {

    @FXML
    TextField txtInput;

    @FXML
    Button btnSend;

    @FXML
    TextArea taOutput;

    @Override
    public void start(Stage stage) throws IOException {
        BorderPane pane = FXMLLoader.load(getClass().getResource("FXDemo.fxml"));
        stage.setScene(new Scene(pane));
        stage.setTitle("FXDemo");
        stage.show();
    }

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

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        btnSend.setText("送信");
        btnSend.setOnAction(event -> onSend(event));
    }

    private void onSend(ActionEvent e) {
        if (!txtInput.getText().isEmpty()) taOutput.appendText(String.format("%s%n", txtInput.getText()));
    }
}

FXML指定

SceneBuilderで対象のコントロールを選択して、右側のインスペクタからCodeを展開し、 On ActionにJavaで呼び出すメソッド名を指定する。
イベント発生時に、ここで指定したメソッドの処理が実行されるようになる。

Java側では@FXMLアノテーションを付与し、On Actionで指定したメソッド名でバインドする。

FXDemo.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.FlowPane?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo">
    <top>
        <FlowPane hgap="5.0" BorderPane.alignment="CENTER">
            <children>
            <TextField fx:id="txtInput" />
            <Button fx:id="btnSend" mnemonicParsing="false" onAction="#onSend" text="Button" />
            </children>
            <BorderPane.margin>
            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
            </BorderPane.margin>
        </FlowPane>
    </top>
    <center>
        <TextArea fx:id="taOutput" editable="false" prefHeight="373.0" prefWidth="600.0" BorderPane.alignment="CENTER" />
    </center>
</BorderPane>

FXDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.fxml.Initializable;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

import java.io.IOException;
import java.net.URL;
import java.util.ResourceBundle;

public class FXDemo extends Application implements Initializable {

    @FXML
    TextField txtInput;

    @FXML
    Button btnSend;

    @FXML
    TextArea taOutput;

    @Override
    public void start(Stage stage) throws IOException {
        BorderPane pane = FXMLLoader.load(getClass().getResource("FXDemo.fxml"));
        stage.setScene(new Scene(pane));
        stage.setTitle("FXDemo");
        stage.show();
    }

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

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        btnSend.setText("送信");
    }

    @FXML
    private void onSend(ActionEvent e) {
        if (!txtInput.getText().isEmpty()) taOutput.appendText(String.format("%s%n", txtInput.getText()));
    }
}

実行結果

2020-08-31 12:00 nice!(0) コメント(0)

FXMLでレイアウトを定義する　 [JavaFX]

前置き

自分がSwingからJavaFXへ移行する上で、一番の動機付けになっている変更点が、XMLでレイアウトを定義できるようになった所だった。
FXMLというXML形式のファイルに、コンテナにコントロールの配置を定義する。

FXMLはSceneBuilderというツールで、コントロールをドラッグアンドドロップして配置していく要領で、簡単に作成することができる。
これをクラスローダで読み込んで、コントロールに対し必要な処理部分を定義していく流れとなり、 WEBアプリケーションを作成するのに近くなったことで、MVCライクな設計が可能となる。
ということは、設計によってはWEBアプリケーションとGUIアプリケーションの資産を相互に流用することもできる。

準備

後述の手順でSceneBuilderを準備していく。

SceneBuilderインストーラーをダウンロードする

SceneBuilderをインストールする

SceneBuilderを起動すると文字化けしている

製造元のGitHubリポジトリからSceneBuilderApp_ja.propertiesをダウンロードする

ダウンロードしたSceneBuilderApp_ja.propertiesはUTF-8で保存する(必要に応じて)

C:\Program Files\SceneBuilder\app\scenebuilder-11.0.0-all.jarの拡張子をzipに変更して解凍する

解凍後のcom\oracle\javafx\scenebuilder\app\i18n\SceneBuilderApp_ja.propertiesをダウンロードしたSceneBuilderApp_ja.propertiesで置き換える

解凍したscenebuilder-11.0.0-allをzipで圧縮しなおして拡張子をjarに戻す

SceneBuilderを起動すると文字化が解消されている

ここまでいろいろと書いているが、この方の説明の方が遥かに分かり易いのでお勧め。

実装

SceneBuilderでコンテナにコントロールを配置していく。
操作が直感的に行えるので配置に関する説明は割愛するが、ポイントだけ押さえておく。

まずはfx:idについて。
コントロール毎に識別子を指定する。これがJava側でのフィールド名となる。
コントロールを選択して、右側のインスペクタからCodeを展開しfx:idにJavaでのフィールド名を指定する。

次に、Controllerクラスを指定する。
これはFXMLとJavaクラスをバインドさせるための指定で、左側のドキュメントからコントローラを展開し、 Controller classに、パッケージを含めたクラス名を指定する。

コントローラクラスに指定されたクラスは、javafx.fxml.Initializableインタフェースをimplementsする必要がある。
これによって、@FXMLアノテーションでfx:idとフィールド名をバインドさせることができる。
また、Initializableインタフェースには、initializeという抽象メソッドが用意されており、 FXMLで定義できないコントロールの処理や設定などを、文字通り初期化することができる。

以上、SceneBuilderで作成したFXMLファイルは、リソースフォルダに保存する。
コントローラクラスからgetResourceメソッドで読み込みを想定しているので、コントローラクラスと同じパッケージを用意し、FXDemo.fxmlというファイル名で保存することにする。

FXDemo.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.FlowPane?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo">
    <top>
        <FlowPane hgap="5.0" BorderPane.alignment="CENTER">
            <children>
            <TextField fx:id="txtInput" />
            <Button fx:id="btnSend" mnemonicParsing="false" text="Button" />
            </children>
            <BorderPane.margin>
            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
            </BorderPane.margin>
        </FlowPane>
    </top>
    <center>
        <TextArea fx:id="taOutput" editable="false" prefHeight="373.0" prefWidth="600.0" BorderPane.alignment="CENTER" />
    </center>
</BorderPane>

FXDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.fxml.Initializable;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

import java.io.IOException;
import java.net.URL;
import java.util.ResourceBundle;

public class FXDemo extends Application implements Initializable {

    @FXML
    TextField txtInput;

    @FXML
    Button btnSend;

    @FXML
    TextArea taOutput;

    @Override
    public void start(Stage stage) throws IOException {

        // リソースフォルダの同じパッケージ内にある"FXDemo.fxml"を読み込んでコンテナをロードする
        BorderPane pane = FXMLLoader.load(getClass().getResource("FXDemo.fxml"));
        stage.setScene(new Scene(pane));
        stage.setTitle("FXDemo");
        stage.show();
    }

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

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        txtInput.setText("ここに入力する");
        btnSend.setText("送信");
        taOutput.setText("ここに出力される");
    }
}

今回は、FXMLでは定義していない初期値やボタン名を、initializeメソッドで変更してみた。

実行結果

2020-08-30 12:00 nice!(0) コメント(0)

TabPane　[JavaFX]

説明

タブの選択によってコンテンツを切り替える。

実装

TabPaneDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Orientation;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.FlowPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class TabPaneDemo extends Application {

    private static final double X_SIZE = 800;
    private static final double Y_SIZE = 500;

    @Override
    public void start(Stage stage) {
        TabPane pane = new TabPane();
        pane.setPrefSize(X_SIZE, Y_SIZE);

        Tab tab1 = new Tab();
        Tab tab2 = new Tab();
        Tab tab3 = new Tab();
        Tab[] tabs = new Tab[]{tab1, tab2, tab3,};

        tab1.setText("VBox");
        tab2.setText("FlowPane");
        tab3.setText("FlowPane_VERTICAL");

        VBox vbox = new VBox();
        vbox.setSpacing(10); // コントロール同士のスペースを確保

        FlowPane flowOfVertical = new FlowPane(Orientation.VERTICAL);
        flowOfVertical.setVgap(10); // コントロール同士のスペースを確保(垂直方向)

        tab1.setContent(addButtons(vbox));
        tab2.setContent(addButtons(new FlowPane()));
        tab3.setContent(addButtons(flowOfVertical));
        pane.getTabs().setAll(tab1, tab2, tab3);

        stage.setScene(new Scene(pane));
        stage.setTitle("TabPaneDemo");
        stage.show();
    }

    private Pane addButtons(Pane pane) {
        pane.setPadding(new Insets(30, 30, 30, 30));

        for (int i = 0; i < 10; i++) {
            pane.getChildren().add(new Button(String.format("Button%s", i + 1)));
        }
        return pane;
    }

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

実行結果

2020-08-27 12:00 nice!(0) コメント(0)

HBox・VBox　[JavaFX]

説明

コントロールを追加順で水平・垂直方向に配置する。
FlowPaneとは違い、ウィンドウ幅のオーバーフロー分の折り返しはない。

実装

HBoxDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class HBoxDemo extends Application {

    private static final double X_SIZE = 800;
    private static final double Y_SIZE = 500;

    @Override
    public void start(Stage stage) {
        HBox pane = new HBox();
        // VBox pane = new VBox(); // 垂直方向の場合
        pane.setPrefSize(X_SIZE, Y_SIZE);

        for (int i = 0; i < 10; i++) {
            pane.getChildren().add(new Button(String.format("Button%d", i + 1)));
        }
        stage.setScene(new Scene(pane));
        stage.setTitle("HBoxDemo");
        stage.show();
    }

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

実行結果

ウィンドウ幅を縮めると、ウィンドウサイズに応じてコントロールのサイズが動的に変わり、配置は保たれる。

2020-08-26 12:00 nice!(0) コメント(0)

FlowPane　[JavaFX]

説明

コントロールを追加順に配置する。
文字通り、コントロールを流し込んでいくイメージ。
ウィンドウ幅のオーバーフロー分は、折り返して再配置される。

実装

FlowPaneDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.FlowPane;
import javafx.stage.Stage;

public class FlowPaneDemo extends Application {

    private static final double X_SIZE = 800;
    private static final double Y_SIZE = 500;

    @Override
    public void start(Stage stage) {
        FlowPane pane = new FlowPane();
        // FlowPane pane = new FlowPane(Orientation.VERTICAL); // 垂直方向のFlowPaneの場合
        pane.setPrefSize(X_SIZE, Y_SIZE);

        for (int i = 0; i < 10; i++) {
            pane.getChildren().add(new Button(String.format("Button%d", i + 1)));
        }
        stage.setTitle("FlowPaneDemo");
        Scene scene = new Scene(pane);
        stage.setScene(scene);
        stage.show();
    }

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

実行結果

ウィンドウ幅を縮めると、ウィンドウサイズに応じてコントロールの配置が動的に変わる。

2020-08-25 12:00 nice!(0) コメント(0)

BorderPane　[JavaFX]

説明

コントロールを上・下・左・右・中心に分けて配置する。

実装

BorderPaneDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextArea;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class BorderPaneDemo extends Application {

    private static final double X_SIZE = 800;
    private static final double Y_SIZE = 500;

    @Override
    public void start(Stage stage) {
        BorderPane pane = new BorderPane();
        pane.setPrefSize(X_SIZE, Y_SIZE);

        pane.setCenter(new TextArea("Center"));
        pane.setRight(new TextArea("Right"));
        pane.setLeft(new TextArea("Left"));
        pane.setTop(new TextArea("Top"));
        pane.setBottom(new TextArea("Bottom"));

        Scene scene = new Scene(pane);
        stage.setScene(scene);
        stage.setTitle("FxDemo");
        stage.show();
    }

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

実行結果

2020-08-24 12:00 nice!(0) コメント(0)

JavaFXでGUIアプリケーションを創る　 [JavaFX]

やりたいこと

JavaでGUIアプリを創ってみる。
Javaで創っておけば、ランタイムさえあればどこでも動くし便利。
だし、コンソールアプリはやっぱり味気ない。。。

今まではSwingで創っていたけど、後追い技術の方が生産性が向上する筈なので、JavaFXに移行する。
いつの時代も、改革には痛みを伴う。

実装

今回はFXMLを適用しないやり方。

FxDemo.java

package jp.ne.yonem;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextArea;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class FxDemo extends Application {

    private static final double X_SIZE = 800;
    private static final double Y_SIZE = 500;

    @Override
    public void start(Stage stage) {
        BorderPane pane = new BorderPane();
        pane.setPrefSize(X_SIZE, Y_SIZE);
        pane.setCenter(new TextArea("Hello JavaFX!!"));
        Scene scene = new Scene(pane);
        stage.setScene(scene);
        stage.setTitle("FxDemo");
        stage.show();
    }

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

実行結果

2020-08-23 12:00 nice!(0) コメント(0)

GSonを使いJSONのシリアライズとデシリアライズをするプログラムをJavaで創る　 [プログラミング]

やりたいこと

JSONでシリアライズとデシリアライズをしたい

実装

pom.xml

<dependency>
    <groupId>com.google.code.gson</groupId>
    <artifactId>gson</artifactId>
    <version>2.8.6</version>
</dependency>

JsonDemo.java

package jp.ne.yonem;

import com.google.gson.Gson;
import lombok.Data;

import java.util.ArrayList;
import java.util.List;

public class JsonDemo {

    public static void main(String[] args) {
        Shelf shelf = new Shelf("漫画");
        Book comic1 = new Book("ONE PIECE", "Eiichirou Oda");
        Book comic2 = new Book("DRAGON BALL", "Akira Toriyama");
        List<Book> list = shelf.getBooks();
        list.add(comic1);
        list.add(comic2);

        Gson gson = new Gson();
        String jsonShelf = gson.toJson(shelf);

        System.out.println("◆ Java -> JSON");
        System.out.println(gson.toJson(comic1));
        System.out.println(gson.toJson(comic2));
        System.out.println(jsonShelf);

        System.out.println("◆ JSON -> Java");
        Shelf shelfFromJson = gson.fromJson(jsonShelf, Shelf.class);
        System.out.println(shelfFromJson.getCategory());
        shelfFromJson.getBooks().stream().forEach(System.out::println);
    }

    @Data
    private static class Shelf {

        Shelf(String category) {
            this.category = category;
        }

        private String category;
        private List<Book> books = new ArrayList<>();
    }

    @Data
    private static class Book {

        Book(String name, String author) {
            this.name = name;
            this.author = author;
        }

        private String name;
        private String author;
    }
}

実行結果

◆ Java -> JSON
{"name":"ONE PIECE","author":"Eiichirou Oda"}
{"name":"DRAGON BALL","author":"Akira Toriyama"}
{"category":"漫画","books":[{"name":"ONE PIECE","author":"Eiichirou Oda"},{"name":"DRAGON BALL","author":"Akira Toriyama"}]}
◆ JSON -> Java
漫画
JsonDemo.Book(name=ONE PIECE, author=Eiichirou Oda)
JsonDemo.Book(name=DRAGON BALL, author=Akira Toriyama)

プロセスは終了コード 0 で完了しました

2020-08-18 12:00 nice!(0) コメント(0)

Lombokを使いデータクラスをJavaで創る　 [プログラミング]

やりたいこと

Getter, Setterを作るのが面倒くさい。。。
Kotlinみたいに、データクラスの作成で楽がしたい。

使い方と、余談

IntelliJとかだと、コード補完でgetXXXやsetXXXが出てこないので、プラグインのインストールが必要っぽい。
設定＞プラグイン＞ "lombok"で検索＞ Lombokプラグインをインストール
他のIDEでも、プラグインが必要になると思う。多分。知らんけど。。。

クラスに@Dataアノテーションを付与すると、データクラスとなりフィールドの定義だけで Getter、Setterが勝手に作成される。(実装不要)

今からJVM言語の学習を始めるなら、JavaよりもKotlinがお勧め。
そもそもLombokも使う必要がないし、型推論や、データクラス定義の標準装備など、モダン言語は生産性が爆上がりw
Javaにもバージョンによっては型推論があるけど、どうせIDEにプラグインが必要になるだろうし、色々と面倒くさい。(未検証)

実装

pom.xml

<dependency>
    <groupId>org.projectlombok</groupId>
    <artifactId>lombok</artifactId>
    <version>1.18.12</version>
    <scope>provided</scope>
</dependency>

LombokDemo.java

package jp.ne.yonem;

import lombok.Data;

public class LombokDemo {

    public static void main(String[] args) {
        Person person = new Person();
        person.setName("my name");
        person.setAddress("my address");
        System.out.println(person);
    }

    @Data
    private static class Person {
        private String name;
        private String address;
    }
}

実行結果

LombokDemo.Person(name=my name, address=my address)

プロセスは終了コード 0 で完了しました

2020-08-17 12:00 nice!(0) コメント(0)

Apache POIを使いExcelファイルを読み込むプログラムをJavaで創る　 [プログラミング]

やりたいこと

Excelファイルからデータを読み込みたい
※ 前回作ったExcelファイルを読み込むだけのプログラムを作成する

参考

Apache POIを使いExcelファイルに書き込むプログラムをJavaで創る

実装

pom.xml

<dependency>
    <groupId>org.apache.poi</groupId>
    <artifactId>poi-ooxml</artifactId>
    <version>4.1.2</version>
</dependency>

PoiReadDemo.java

package jp.ne.yonem;

import org.apache.poi.ss.usermodel.*;

import java.io.File;
import java.io.IOException;
import java.util.Iterator;

public class PoiReadDemo {

    public static void main(String[] args) {

        try {
            Workbook book = WorkbookFactory.create(new File("test.xlsx"));
            Sheet sheet = book.getSheet("test_sheet");
            StringBuilder sb = new StringBuilder();

            for (Iterator<Row> rows = sheet.iterator(); rows.hasNext(); ) {
                Row row = rows.next();

                for (Iterator<Cell> cells = row.cellIterator(); cells.hasNext(); ) {
                    sb.append(cells.next().getStringCellValue());

                    if (cells.hasNext()) {
                        sb.append(", ");
                    }
                }
                sb.append("\n");
            }
            System.out.println(sb.toString());

        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

実行結果

aaa, bbb
ccc, ddd
eee, fff


プロセスは終了コード 0 で完了しました

2020-08-16 12:00 nice!(0) コメント(0)

前の10件 | -
2020年07月｜2020年08月｜2020年09月ブログトップ

日	月	火	水	木	金	土
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

RSS1.0 | RSS2.0

前置き

実装

直接指定

FXML指定

実行結果

前置き

準備

実装

実行結果

説明

実装

実行結果

説明

実装

実行結果

説明

実装

実行結果

説明

実装

実行結果

やりたいこと

実装

実行結果

やりたいこと

実装

実行結果

やりたいこと

使い方と、余談

実装

実行結果

やりたいこと

参考

実装

実行結果

yonem さん

yonem さんの記事をnice!と思った人 (全0人)

カレンダー

月別表示

最新記事一覧

マイカテゴリー

yonem さんがnice!と思った記事

yonem さんがコメントした記事

最近のコメント

最近トラックバックされた記事

読んでいるブログ(RSS)

検索ボックス