ゆっちのBlog

JavaFX の TableView を試してみた。

JavaFX

今日は TableView を試してみました。

もちろん今回も JavaFX 2で始めるGUI開発を参考にさせていただいてます。

この記事のサンプルのままだと面白みが減ってしまうので少し変えてます。

といっても大したことは出来るはずがありません。

何故なら今日初めて TableView を触ったからです。(^_^;)

そういうことでこんなのができました。

ControlsFX の Rating も使ってみました。

選択時に TextArea に各項目を表示させてみました。

Title と Author を編集可能としました。

Title と Author はソート可能の設定としました。

Rating は挫折しました。(>_<｡)

Rating を変更できるようにしました。（変更できないようにする方法が解らなかった）

以上のように簡単なことしかやっていません。

今回テーブルの選択位置変更イベントの取得に ChangeListener を使っていたのですが null が来るのでどうしたものかと悩んでました。

そこで InvalidationListener を使ってみました。

ただ InvalidationListener を使っても選択位置変更イベント時に null はやってきます。

つまり、null チェックは必要だということですね。

私の直感によると（何故調べない）選択位置変更時に古い値を null にしてから新しい値を取得しているんじゃないかと思います。

でも、InvalidationListener はBeanが実際に使われるときに変更のチェックを行うイベントなのでこちらのほうが良いそうです。

まだ情報収集が足らないのでいろいろ躓いて半泣き状態になってしまいますがプログラムが動いてくれると素直によろこべます。

詳しい内容は先述しました私が参考にしているサイトに詳しい解説があります。

ただ私がおもしろ半分で追加したことは載っていませんのでこのプログラムのコードを晒しときます。

初めての TableView なので間違いがあればご指摘くださいませ。

package jp.yucchi.booktable;

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

public class BookTable extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("BookTableView.fxml"));

        Scene scene = new Scene(root);
        stage.setTitle("Book Table");
        stage.setScene(scene);
        stage.show();
    }

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

}

package jp.yucchi.booktable;

import javafx.application.Application;

import javafx.fxml.FXMLLoader;

import javafx.scene.Parent;

import javafx.scene.Scene;

import javafx.stage.Stage;

public class BookTable extends Application {

@Override

public void start(Stage stage) throws Exception {

Parent root = FXMLLoader.load(getClass().getResource("BookTableView.fxml"));

Scene scene = new Scene(root);

stage.setTitle("Book Table");

stage.setScene(scene);

stage.show();

}

public static void main(String[] args) {

launch(args);

}

package jp.yucchi.booktable;

import org.controlsfx.control.Rating;

public class Book {

    private String title;
    private String author;
    private Rating rating;

    public Book(String title, String author, Rating rating) {
        this.title = title;
        this.author = author;
        this.rating = rating;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getAuthor() {
        return author;
    }

    public void setAuthor(String author) {
        this.author = author;
    }

    public Rating getRating() {
        return rating;
    }

    public void setRating(Rating rating) {
        this.rating = rating;
    }

}

package jp.yucchi.booktable;

import org.controlsfx.control.Rating;

public class Book {

private String title;

private String author;

private Rating rating;

public Book(String title, String author, Rating rating) {

this.title = title;

this.author = author;

this.rating = rating;

}

public String getTitle() {

return title;

}

public void setTitle(String title) {

this.title = title;

}

public String getAuthor() {

return author;

}

public void setAuthor(String author) {

this.author = author;

}

public Rating getRating() {

return rating;

}

public void setRating(Rating rating) {

this.rating = rating;

}

package jp.yucchi.booktable;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.beans.Observable;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.geometry.Orientation;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextArea;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.control.cell.TextFieldTableCell;
import javafx.util.Callback;
import org.controlsfx.control.Rating;

public class BookTableViewController implements Initializable {

    @FXML
    private TableView<Book> table;

    @FXML
    private TableColumn<Book, String> titleColumn;

    @FXML
    private TableColumn<Book, String> authorColumn;

    @FXML
    private TableColumn<Book, Rating> ratingColumn;

    @FXML
    private TextArea textArea;

    ObservableList<Book> books = FXCollections.observableArrayList(
            new Book("創る Java", "きしだ なおき", makeRating(1.0)),
            new Book("Effective Java", "Joshua Bloch", makeRating(5.0)),
            new Book("JAVA PUZZLERS", "Joshua Bloch, Neal Gafter", makeRating(3.0)));

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        table.setItems(books);
        titleColumn.setCellValueFactory(
                new PropertyValueFactory<>("title"));
        authorColumn.setCellValueFactory(
                new PropertyValueFactory<>("author"));
        ratingColumn.setCellValueFactory(
                new PropertyValueFactory<>("rating"));

        Callback<TableColumn<Book, String>, TableCell<Book, String>> titleFactory
                = TextFieldTableCell.forTableColumn();
        titleColumn.setCellFactory(titleFactory);
        titleColumn.setOnEditCommit((TableColumn.CellEditEvent<Book, String> event) -> {
            Book book = event.getTableView().getItems().get(event.getTablePosition().getRow());
            book.setTitle(event.getNewValue());
        });
        Callback<TableColumn<Book, String>, TableCell<Book, String>> authorFactory
                = TextFieldTableCell.forTableColumn();
        authorColumn.setCellFactory(authorFactory);
        authorColumn.setOnEditCommit((TableColumn.CellEditEvent<Book, String> event) -> {
            Book book = event.getTableView().getItems().get(event.getTablePosition().getRow());
            book.setAuthor(event.getNewValue());
        });

        TableView.TableViewSelectionModel<Book> selectionModel = table.getSelectionModel();
        selectionModel.selectedItemProperty().addListener((Observable observable) -> {
            if (selectionModel.getSelectedItem() != null) { // これ必要
                textArea.appendText(selectionModel.getSelectedItem().getTitle() + " : "
                        + selectionModel.getSelectedItem().getAuthor() + "  Rating "
                        + selectionModel.getSelectedItem().getRating().getRating() + "\n");
            }
        });

    }

    private Rating makeRating(double rate) {
        Rating rating = new Rating();
        rating.setOrientation(Orientation.HORIZONTAL);
        rating.setUpdateOnHover(false);
        rating.setPartialRating(false);
        rating.setRating(rate);
        return rating;

    }

}

package jp.yucchi.booktable;

import java.net.URL;

import java.util.ResourceBundle;

import javafx.beans.Observable;

import javafx.collections.FXCollections;

import javafx.collections.ObservableList;

import javafx.fxml.FXML;

import javafx.fxml.Initializable;

import javafx.geometry.Orientation;

import javafx.scene.control.TableCell;

import javafx.scene.control.TableColumn;

import javafx.scene.control.TableView;

import javafx.scene.control.TextArea;

import javafx.scene.control.cell.PropertyValueFactory;

import javafx.scene.control.cell.TextFieldTableCell;

import javafx.util.Callback;

import org.controlsfx.control.Rating;

public class BookTableViewController implements Initializable {

@FXML

private TableView<Book> table;

@FXML

private TableColumn<Book, String> titleColumn;

@FXML

private TableColumn<Book, String> authorColumn;

@FXML

private TableColumn<Book, Rating> ratingColumn;

@FXML

private TextArea textArea;

ObservableList<Book> books = FXCollections.observableArrayList(

new Book("創る Java", "きしだなおき", makeRating(1.0)),

new Book("Effective Java", "Joshua Bloch", makeRating(5.0)),

new Book("JAVA PUZZLERS", "Joshua Bloch, Neal Gafter", makeRating(3.0)));

@Override

public void initialize(URL url, ResourceBundle rb) {

table.setItems(books);

titleColumn.setCellValueFactory(

new PropertyValueFactory<>("title"));

authorColumn.setCellValueFactory(

new PropertyValueFactory<>("author"));

ratingColumn.setCellValueFactory(

new PropertyValueFactory<>("rating"));

Callback<TableColumn<Book, String>, TableCell<Book, String>> titleFactory

= TextFieldTableCell.forTableColumn();

titleColumn.setCellFactory(titleFactory);

titleColumn.setOnEditCommit((TableColumn.CellEditEvent<Book, String> event) -> {

Book book = event.getTableView().getItems().get(event.getTablePosition().getRow());

book.setTitle(event.getNewValue());

});

Callback<TableColumn<Book, String>, TableCell<Book, String>> authorFactory

= TextFieldTableCell.forTableColumn();

authorColumn.setCellFactory(authorFactory);

authorColumn.setOnEditCommit((TableColumn.CellEditEvent<Book, String> event) -> {

Book book = event.getTableView().getItems().get(event.getTablePosition().getRow());

book.setAuthor(event.getNewValue());

});

TableView.TableViewSelectionModel<Book> selectionModel = table.getSelectionModel();

selectionModel.selectedItemProperty().addListener((Observable observable) -> {

if (selectionModel.getSelectedItem() != null) { // これ必要

textArea.appendText(selectionModel.getSelectedItem().getTitle() + " : "

+ selectionModel.getSelectedItem().getAuthor() + " Rating "

+ selectionModel.getSelectedItem().getRating().getRating() + "\n");

}

});

}

private Rating makeRating(double rate) {

Rating rating = new Rating();

rating.setOrientation(Orientation.HORIZONTAL);

rating.setUpdateOnHover(false);

rating.setPartialRating(false);

rating.setRating(rate);

return rating;

}

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

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane id="AnchorPane" prefHeight="418.0" prefWidth="708.0" xmlns:fx="http://javafx.com/fxml/1" 
            xmlns="http://javafx.com/javafx/2.2" fx:controller="jp.yucchi.booktable.BookTableViewController">
  <children>
    <TableView fx:id="table" editable="true" prefHeight="200.0" prefWidth="354.0" 
               AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="14.0">
      <columns>
        <TableColumn maxWidth="5000.0" minWidth="10.0" prefWidth="213.0" text="Title" fx:id="titleColumn" />
        <TableColumn maxWidth="5000.0" minWidth="10.0" prefWidth="216.0" text="Author" fx:id="authorColumn" />
        <TableColumn editable="false" maxWidth="5000.0" minWidth="10.0" prefWidth="247.0" sortable="false" 
                     text="Rating" fx:id="ratingColumn" />
      </columns>
    </TableView>
    <TextArea fx:id="textArea" prefHeight="174.0" prefWidth="354.0" wrapText="true" AnchorPane.bottomAnchor="14.0" 
              AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="230.0" />
  </children>
</AnchorPane>

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

<?import java.lang.*?>

<?import java.util.*?>

<?import javafx.scene.*?>

<?import javafx.scene.control.*?>

<?import javafx.scene.layout.*?>

<AnchorPane id="AnchorPane" prefHeight="418.0" prefWidth="708.0" xmlns:fx="http://javafx.com/fxml/1"

xmlns="http://javafx.com/javafx/2.2" fx:controller="jp.yucchi.booktable.BookTableViewController">

<TableView fx:id="table" editable="true" prefHeight="200.0" prefWidth="354.0"

AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="14.0">

<TableColumn editable="false" maxWidth="5000.0" minWidth="10.0" prefWidth="247.0" sortable="false"

text="Rating" fx:id="ratingColumn" />

</columns>

</TableView>

<TextArea fx:id="textArea" prefHeight="174.0" prefWidth="354.0" wrapText="true" AnchorPane.bottomAnchor="14.0"

AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="230.0" />

</children>

</AnchorPane>

ついでに動画と Java Web Start も貼っておきますね。

Webstart: click to launch this app as webstart （Java 8 実行環境必須）

Hatena タグ: JavaFX

TAGS: JavaFX | 2013年8月30日7:32 PM | Comment : 0

月	火	水	木	金	土	日
« 7月				9月 »
			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

JavaFX の TableView を試してみた。

Recent Comments

Java

NetBeans

カテゴリー

アーカイブ

RSS FEED

ねこび～ん

メタ情報

ゆっちのカレンダー

ゆっちのBlog

JavaFX の TableView を試してみた。

Popular post ranking

Recent Comments

Java

NetBeans

カテゴリー

アーカイブ

RSS FEED

ねこび～ん

メタ情報

ゆっちのカレンダー