「JavaFX」の記事 - Crieit

【JavaFX】Oracle に接続して取得したデータをTableView に表示する

2020-01-27T10:01:36+09:00

引き続き、JavaFXで Oracle から取得したデータを TableView に表示したいと思います。

プログラムは前回のものを流用します。

【JavaFX】Oracleに接続して取得したデータをコンボボックスに設定する

クラスの作成

パッケージ・エクスプローラーから「dto」パッケージを右クリックし「新規」＞「クラス」を選択します。

クラス名に「TblCat」を入力し、「完了」ボタンをクリックします。

作成したクラスの実装は次のようにします。

TblCat.java

/**
 *
 */
package jp.co.doraxdora.dto;

import java.io.Serializable;

import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;

/**
 * TBL猫DTOクラス.
 *
 * @author doraxdora
 *
 */
public class TblCat implements Serializable {

        /** No */
        private StringProperty no;
        /** 名前 */
        private StringProperty name;
        /** 性別 */
        private StringProperty sex;
        /** 年齢 */
        private StringProperty age;
        /** 種別 */
        private StringProperty kindCd;
        /** 好物 */
        private StringProperty favorite;

        /**
         * @return no
         */
        public StringProperty noProperty() {
                return no;
        }

        /**
         * @param no
         *            セットする no
         */
        public void setNo(String no) {
                this.no = new SimpleStringProperty(no);
        }

        /**
         * @return name
         */
        public StringProperty nameProperty() {
                return name;
        }

        /**
         * @param name
         *            セットする name
         */
        public void setName(String name) {
                this.name = new SimpleStringProperty(name);
        }

        /**
         * @return sex
         */
        public StringProperty sexProperty() {
                return sex;
        }

        /**
         * @param sex
         *            セットする sex
         */
        public void setSex(String sex) {
                this.sex = new SimpleStringProperty(sex);
        }

        /**
         * @return age
         */
        public StringProperty ageProperty() {
                return age;
        }

        /**
         * @param age
         *            セットする age
         */
        public void setAge(String age) {
                this.age = new SimpleStringProperty(age);
        }

        /**
         * @return kind
         */
        public StringProperty kindCdProperty() {
                return kindCd;
        }

        /**
         * @param kind
         *            セットする kind
         */
        public void setKindCd(String kindCd) {
                this.kindCd = new SimpleStringProperty(kindCd);
        }

        /**
         * @return favorite
         */
        public StringProperty favoriteProperty() {
                return favorite;
        }

        /**
         * @param favorite
         *            セットする favorite
         */
        public void setFavorite(String favorite) {
                this.favorite = new SimpleStringProperty(favorite);
        }

}

TblViewの仕組み上
通常のアクセサとは異なり、getter のメソッド名は [メンバ名]Property とします。
こうしておかないと一覧にデータが表示されずにあたふたしますよ。

プログラム修正

画面の修正

メソッドの追加

SceneBuilder からであれば、右側のメニューから「On Action」にメソッド名を設定しますが、
fxmlを直接修正しても問題ありません。

Smaple.fxml

CSSの修正

application.css

    /* JavaFX CSS - Leave this comment until you have at least create one rule which uses -fx-Property */
    .root {
            -fx-font-family: "Meiryo";
    }

TableViewの型を変更

SampleController.java

クラスに定義されているメンバーの型を新規作成した TblCat に変更します。

    /** テーブルビュー：一覧 */
    @FXML
    private TableView tvCat;

検索ボタンクリック時のメソッドを追加

SampleController.java（メソッドのみ抜粋）

        /**
         * 検索ボタンアクションハンドラー.
         *
         * @param ev
         */
        @FXML
        public void btSearchButtonActionHandle(ActionEvent ev) {

        try {
                        DBAccess dba = new DBAccess();
                        ResultSet rs = dba.executeQuery("SELECT * FROM TBLCAT ORDER BY NO");

                        // 取得したデータを追加
                        ObservableList list = FXCollections.observableArrayList();
                        while (rs != null && rs.next()) {
                                TblCat cat = new TblCat();
                                cat.setNo(rs.getString("NO"));
                                cat.setName(rs.getString("NAME"));
                                cat.setSex(rs.getString("SEX"));
                                cat.setAge(rs.getString("AGE"));
                                cat.setKindCd(rs.getString("KIND_CD"));
                                cat.setFavorite(rs.getString("FAVORITE"));
                                list.add(cat);
                        }

                        tvCat.setItems(list);

                } catch (SQLException e) {
                        // TODO 自動生成された catch ブロック
                        e.printStackTrace();
                } catch (Exception e) {
                        // TODO 自動生成された catch ブロック
                        e.printStackTrace();
                }

        }

起動してみる

起動後、検索ボタンをクリックします。

無事にデータが表示されました。

まとめ

とりあえず検索の条件などは無視してデータを表示してみました。

次回は、検索条件の設定などをやっていきたいと思います。

ではでは。

【JavaFX】Oracleに接続して取得したデータをコンボボックスに設定する

2020-01-24T09:43:29+09:00

前回に引き続き、JavaFXです。
今回は Oracle からデータを取得してコンボボックスに設定します。

利用するテーブルや Oracle のインストールなどは次の記事を参照してください。

Oracle Database Express Edition 11g Release 2 のインストールからテーブル作成まで

Swing でやったのとほぼほぼ同じです。

プログラムは前回のものを流用します。

【JavaFX】コンボボックスに項目を設定する

ライブラリの追加

Oracle からデータを取得するために、ライブラリを追加します。
パッケージ・エクスプローラーからプロジェクトを右クリックし、「プロパティ」を開きます。

「Javaのビルドパス」メニューを選択し、「ライブラリー」タブを表示、
「外部 JAR の追加」ボタンをクリックします。

ファイル選択ダイアログが表示されるので、
Oracle のインストールディレクトリから対象のファイルが格納されているフォルダを開きます。

デフォルト（Oracle 11g XE）の場合は次の場所に格納されています。

C:\oraclexe\app\oracle\product\11.2.0\server\jdbc\lib

ライブラリフォルダーに格納されている「ojdbc6.jar」を開きます。

パッケージの作成

次の２つのパッケージを作成します。

jp.co.doraxdora.common
jp.co.doraxdora.dto

パッケージ・エクスプローラーで「src」を右クリック＞「新規」＞「パッケージ」を選択します。

名前に「jp.co.doraxdora.common」を入力して「完了」ボタンをクリックします。
同様に「jp.co.doraxdora.dto」も作成します。

クラスの作成

次の２つのクラスをそれぞれのパッケージに作成します。

jp.co.doraxdora.common.DBAccess.java
jp.co.doraxdora.dto.MstKind.java

パッケージ・エクスプローラーでパッケージを右クリック＞「新規」＞「クラス」を選択します。

名前に「DBAccess」を入力して「完了」ボタンをクリックします。
同様に「MstKind」も作成します。

実装

DBAccess.java

    package jp.co.doraxdora.common;

    import java.sql.Connection;
    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    import java.util.List;

    import oracle.jdbc.pool.OracleDataSource;

    /**
     * @author doraxdora
     *
     */
    public class DBAccess {

            private static String DB_URL = "jdbc:oracle:thin:USER01/USER01@localhost:1521:XE";

            private static Connection con = null;

            /**
             * コンストラクタ.
             *
             * @throws Exception
             */
            public DBAccess() throws Exception{
                    super();
                    // ドライバのロード
                    OracleDataSource ds = new OracleDataSource();
                    ds.setURL(DB_URL);
            // DB接続
            con = ds.getConnection();
            }

            /**
             * SQLを実行して結果を取得します.
             * @param sql
             * @return
             */
            public ResultSet executeQuery(String sql) throws Exception {
                    PreparedStatement stmt = con.prepareStatement(sql);
                    return stmt.executeQuery();
            }

            /**
             * パラメータを指定してSQLを実行し、結果を取得します.
             *
             * @param sql
             * @param param
             * @return
             * @throws Exception
             */
            public ResultSet executeQuery(String sql, List param) throws Exception {
                    PreparedStatement stmt = con.prepareStatement(sql);
                    for (int i = 0; i < param.size(); i++) {
                            if (param.get(i) instanceof String) {
                                    stmt.setString(i, (String) param.get(i));
                            } else if (param.get(i) instanceof Integer) {
                                    stmt.setInt(i, (int) param.get(i));
                            }
                    }

                    return stmt.executeQuery();

            }

    }

MstKind.java

/**
 *
 */
package jp.co.doraxdora.dto;

import java.io.Serializable;

/**
 * MST種別クラス.
 *
 * @author doraxdora
 *
 */
public class MstKind implements Serializable {

        /** 種別コード */
        private String kindCd;
        /** 種別名 */
        private String kindName;

        /**
         * @return kindCd
         */
        public String getKindCd() {
                return kindCd;
        }

        /**
         * @param kindCd セットする kindCd
         */
        public void setKindCd(String kindCd) {
                this.kindCd = kindCd;
        }

        /**
         * @return kindName
         */
        public String getKindName() {
                return kindName;
        }

        /**
         * @param kindName セットする kindName
         */
        public void setKindName(String kindName) {
                this.kindName = kindName;
        }

        /* (非 Javadoc)
         * @see java.lang.Object#toString()
         */
        @Override
        public String toString() {
                return kindName;
        }
}

JavaFX の ComboBox の実装が、
toString()メソッドを利用して表示文字列を取得しているため、
toString()メソッドをオーバーライドし、表示するメンバーの値を返すようにする必要があります。

コントローラーの修正

インポート文の追加およびメンバー型の変更

SampleController.java（変更箇所のみ抜粋）

// インポート文追加
import jp.co.doraxdora.common.DBAccess;
import jp.co.doraxdora.dto.MstKind;

public class SampleController implements Initializable{

        /** コンボボックス：名前 */
        // String から MstKind のリストに変更
        // アクセサも修正が必要
        @FXML
        //private ComboBox cbKind;
        private ComboBox cbKind;

        /**
         * @return cbKind
         */
        public ComboBox getCbKind() {
                return cbKind;
        }

        /**
         * @param cbKind セットする cbKind
         */
        public void setCbKind(ComboBox cbKind) {
                this.cbKind = cbKind;
        }

)

初期化処理の修正

SampleController.java（メソッドのみ抜粋）

        /*
         * (非 Javadoc)
         * @see javafx.fxml.Initializable#initialize(java.net.URL, java.util.ResourceBundle)
         */
        @Override
        public void initialize(URL location, ResourceBundle resources)  {

        try {
                        DBAccess dba = new DBAccess();
                        ResultSet rs = dba.executeQuery("SELECT * FROM MSTKIND ORDER BY KIND_CD");

                        // 指定なしを追加
                        MstKind empty = new MstKind();
                        empty.setKindCd("-1");
                        empty.setKindName("指定なし");
                        cbKind.getItems().add(empty);

                        // 取得したデータを追加
                        while (rs != null && rs.next()) {
                                MstKind kind = new MstKind();
                                kind.setKindCd(rs.getString("KIND_CD"));
                                kind.setKindName(rs.getString("KIND_NAME"));
                                cbKind.getItems().add(kind);
                        }

                        // 初期選択状態を設定
                        cbKind.getSelectionModel().select(0);


                } catch (SQLException e) {
                        // TODO 自動生成された catch ブロック
                        e.printStackTrace();
                } catch (Exception e) {
                        // TODO 自動生成された catch ブロック
                        e.printStackTrace();
                }
        }

起動してみる

内容は前回のものと変わりませんが、
無事に表示することができました。

次回は一覧にデータ表示するところまでやってみたいと思います。

ではでは。

【JavaFX】さくっとコンボボックスに項目を設定してみる

2020-01-20T09:27:40+09:00

今回は、JavaFXの基本的な構成や仕組みなどを学ぶために
とりあえずコンボボックスに項目を設定して選択できるようにしてみます。

開発環境については以前の記事を参考にしてください。
【JavaFX】eclipseにJavaFXプラグインをインストールして Hello World してみる

画面の作成

画面は SceneBuilder にて作成します。
（WPF で作成した画面と同等のものを作ってみたいと思います。）

WPF編はこちら

初期状態では、「BorderPane」が設置されていますが、
それを削除して「AnchorPane」を設置し、その上にコントロールを配置していきます。

AnchorPane というのは、
簡単に言うとコントロールを座標（絶対位置）で配置できるレイアウトになります。

その他のレイアウトについてはそのうち紹介できればします。

SceneBuilder上で CTRL + P を押すとプレビュー表示することができます。

eclipse で Java プリケーションの実行をしなくても起動後の画面がサクッと表示されます。
（プログラムは動かないのでコントロールの位置確認のみ）

Sample.fxml

コントローラクラスの実装

JavaFX では、
基本的に fxml （画面定義）と対応するコントローラー（クラス）を作成し、
コントローラーにてイベントなどを処理するような構成となります。

fxml に記述した

    fx:controller="application.SampleController"

でコントローラを指定し、コントローラークラスには
画面に設置したコントロールをメンバーとして定義することが必要。

こうすることで、
コントローラークラスにて画面のコントロールを操作することが可能となります。

SampleController.java

package application;

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

import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.ComboBox;
import javafx.scene.control.Label;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.layout.AnchorPane;

public class SampleController implements Initializable{

        /** パネル：メイン */
        @FXML
        private AnchorPane mainPane;

        /** ラベル：名前 */
        @FXML
        private Label lbName;

        /** テキストフィールド：名前 */
        @FXML
        private TextField txName;

        /** ラベル：種別 */
        @FXML
        private Label lbKind;

        /** コンボボックス：名前 */
        @FXML
        private ComboBox cbKind;

        /** ボタン：検索 */
        @FXML
        private Button btSearch;

        /** テーブルビュー：一覧 */
        @FXML
        private TableView tvCat;

        /**
         * @return mainPane
         */
        public AnchorPane getMainPane() {
                return mainPane;
        }

        /**
         * @param mainPane セットする mainPane
         */
        public void setMainPane(AnchorPane mainPane) {
                this.mainPane = mainPane;
        }

        /**
         * @return lbName
         */
        public Label getLbName() {
                return lbName;
        }

        /**
         * @param lbName セットする lbName
         */
        public void setLbName(Label lbName) {
                this.lbName = lbName;
        }

        /**
         * @return txName
         */
        public TextField getTxName() {
                return txName;
        }

        /**
         * @param txName セットする txName
         */
        public void setTxName(TextField txName) {
                this.txName = txName;
        }

        /**
         * @return lbKind
         */
        public Label getLbKind() {
                return lbKind;
        }

        /**
         * @param lbKind セットする lbKind
         */
        public void setLbKind(Label lbKind) {
                this.lbKind = lbKind;
        }

        /**
         * @return cbKind
         */
        public ComboBox getCbKind() {
                return cbKind;
        }

        /**
         * @param cbKind セットする cbKind
         */
        public void setCbKind(ComboBox cbKind) {
                this.cbKind = cbKind;
        }

        /**
         * @return btSearch
         */
        public Button getBtSearch() {
                return btSearch;
        }

        /**
         * @param btSearch セットする btSearch
         */
        public void setBtSearch(Button btSearch) {
                this.btSearch = btSearch;
        }

        /**
         * @return tvCat
         */
        public TableView getTvCat() {
                return tvCat;
        }

        /**
         * @param tvCat セットする tvCat
         */
        public void setTvCat(TableView tvCat) {
                this.tvCat = tvCat;
        }

        /*
         * (非 Javadoc)
         * @see javafx.fxml.Initializable#initialize(java.net.URL, java.util.ResourceBundle)
         */
        @Override
        public void initialize(URL location, ResourceBundle resources) {

                // コンボボックスに項目を追加
                cbKind.getItems().add("指定なし");
                cbKind.getItems().add("キジトラ");
                cbKind.getItems().add("長毛種（不明）");
                cbKind.getItems().add("ミケ（っぽい）");
                cbKind.getItems().add("サビ");
                cbKind.getItems().add("その他");

                // 初期選択状態を設定
                cbKind.getSelectionModel().select(0);

        }

}

メインクラスの修正

ちょっと嵌ったんですが
fxml で AnchorPane のサイズをいくら変更しても
いざ起動してみるとその通りのサイズになってくれませんでした。

よくよく見なおしてみると、メインクラスにて、
Scene のインスタンスを初期化する際に、幅と高さを指定していたことが原因でした。
（デフォルトでそうなっている）

幅と高さの指定を取り除いたら問題なく fxml で指定したサイズで表示されるようになりました。

Main.java

package application;

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

public class Main extends Application {
        @Override
        public void start(Stage primaryStage) {
                try {
                        AnchorPane root = (AnchorPane) FXMLLoader.load(getClass().getResource("Sample.fxml"));
                        // 幅と高さを指定してインスタンスを生成
                        //Scene scene = new Scene(root, 400, 400);
                        // 幅と高さを指定せずにインスタンスを生成
                        Scene scene = new Scene(root);
                        scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
                        primaryStage.setScene(scene);
                        primaryStage.show();
                } catch (Exception e) {
                        e.printStackTrace();
                }
        }

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

起動してみる

とりあえずコンボボックスへ項目を設定することができました。

次回は、データベースから取得したデータを設定してみたいと思います。

ではでは。

【JavaFX】eclipseにJavaFXプラグインをインストールして Hello World してみる

2020-01-14T09:57:33+09:00

どうも Swing が廃止される方向のようなので、
方向転換して Java FX をやってみたいと思います。

まずは開発環境の構築から。

e(fx)clipseのインストール

JavaFX 用の eclipse プラグインをインストールします。

上部メニューの「ヘルプ」＞「新規ソフトウェアのインストール」を選択します。

インストール画面が表示されるので、「追加」ボタンをクリックします。

名前、ロケーションにそれぞれ下記を入力します。

名前：
e(fx)clipse 

ロケーション：
[http://download.eclipse.org/efxclipse/updates-released/2.4.0/site](http://download.eclipse.org/efxclipse/updates-released/2.4.0/site)

インストール画面にて、追加したロケーションを選択し
e(fx)clipse - IDE を選択して「次へ」ボタンをクリックします。

インストール詳細画面が表示されるので「次へ」ボタンをクリックします。

ライセンス画面が表示されるので、
使用条件の条項に同意して「完了」ボタンをクリックします。

再起動確認画面が表示されます。
ソフトウェア更新のため再起動が必要となりますので、「はい」ボタンをクリックして eclipse を再起動します。