ゆっちのBlog

JavaFX

このエントリーで Arrow button をマウスクリックして操作した場合、呼び出す Dialog を Modality.APPLICATION_MODAL または Modality.WINDOW_MODAL に設定すると

Spinner のインクリメントもしくはデクリメントが止まらないという不思議な現象に悩まされました。

キーボードのカーソルキーでの操作では期待通りに正常に動きます。

なんでマウスで Arrow button をクリックして操作するといけないのか？

MousePressed がブロックされずに押しっぱなし状態で SpinnerBehavior クラスの startSpinning(boolean increment) の Timeline が動いちゃってるようです。

そこで、愚かなアイディアですが MouseReleased が発生してから Dialog を呼び出しちゃえってやってみたら期待通りに動いてくれました。

ごめんなさい。こんな方法しか思いつきませんでした。

        spinner.valueProperty().addListener((ov, oldValue, newValue) -> {
            
            System.out.println(newValue);
            
            spinner.setOnMouseReleased(e -> {

            if (newValue <= 30_000 && poor.getValue()) {
                poor.setValue(Boolean.FALSE);
                showPoorDialog();
            }
            if (newValue >= 70_000 && rich.getValue()) {
                rich.setValue(Boolean.FALSE);
                showRichDialog();
            }
            
            });
            
            spinner.setOnKeyReleased(e -> {
                if (newValue <= 30_000 && poor.getValue()) {
                poor.setValue(Boolean.FALSE);
                showPoorDialog();
            }
            if (newValue >= 70_000 && rich.getValue()) {
                rich.setValue(Boolean.FALSE);
                showRichDialog();
            }
            });
                      
        });

spinner.valueProperty().addListener((ov, oldValue, newValue) -> {

System.out.println(newValue);

spinner.setOnMouseReleased(e -> {

if (newValue <= 30_000 && poor.getValue()) {

poor.setValue(Boolean.FALSE);

showPoorDialog();

}

if (newValue >= 70_000 && rich.getValue()) {

rich.setValue(Boolean.FALSE);

showRichDialog();

}

});

spinner.setOnKeyReleased(e -> {

if (newValue <= 30_000 && poor.getValue()) {

poor.setValue(Boolean.FALSE);

showPoorDialog();

}

if (newValue >= 70_000 && rich.getValue()) {

rich.setValue(Boolean.FALSE);

showRichDialog();

}

});

と言うことでお終いです。

これってやっぱりバグなんだろうか？

追記：Jose Pereda さんよりコメントをいただきました。

それによると SpinnerSkin class に問題があるようです。

詳しくは Jose さんのコメントをご覧ください。

あわせてこの問題に対する素晴らしい解決方法を提示してくれましたのでエントリー本文にも記載させていただきます。

素晴らしいコードをありがとうございました。

    private SpinnerBehavior<Integer> beh;

	@Override
    public void initialize(URL url, ResourceBundle rb) {
        spinner.valueProperty().addListener((ov, oldValue, newValue) -> {

            System.out.println(newValue);

            if (beh == null) {
                beh = (SpinnerBehavior) ((SpinnerSkin) (spinner.getSkin())).getBehavior();
                spinner.focusedProperty().addListener((obs, b, b1) -> {
                    if (b && !b1) {
                        beh.stopSpinning();
                    }
                });
            }
            if (newValue <= 30_000 && poor.getValue()) {
                poor.setValue(Boolean.FALSE);
                showPoorDialog();
            }
            if (newValue >= 70_000 && rich.getValue()) {
                rich.setValue(Boolean.FALSE);
                showRichDialog();
            }
            
        });
        
    }

private SpinnerBehavior<Integer> beh;

@Override

public void initialize(URL url, ResourceBundle rb) {

spinner.valueProperty().addListener((ov, oldValue, newValue) -> {

System.out.println(newValue);

if (beh == null) {

beh = (SpinnerBehavior) ((SpinnerSkin) (spinner.getSkin())).getBehavior();

spinner.focusedProperty().addListener((obs, b, b1) -> {

if (b && !b1) {

beh.stopSpinning();

}

});

}

if (newValue <= 30_000 && poor.getValue()) {

poor.setValue(Boolean.FALSE);

showPoorDialog();

}

if (newValue >= 70_000 && rich.getValue()) {

rich.setValue(Boolean.FALSE);

showRichDialog();

}

});

}

Hatena タグ: JavaFX

TAGS: JavaFX | 2015年3月13日12:02 AM | Comments : 3

JDK8u40 で追加された Spinner と Dialog を試してみた。

JavaFX

JDK8u40 でやっと Dialog が追加されました。

これでお手軽に使えることになります。

あと Spinner も、そして Formatted Text も追加されました。

今回は Spinner と Dialog をサクッと使ってみたいと思います。

毎月のお小遣いの金額を Spinner で入力してある金額より低いもしくは高い場合に Dialog を出すという超シンプルなものです。

しかし、私はこれでドツボにはまり、未だに改善策を見いだせずに困っています。

心優しい優秀な Java プログラマのかたがこの記事を見ていたらどうか解決方法をお教えくださいませ。

Dialog の設定を Modality.APPLICATION_MODAL と Modality.WINDOW_MODAL にすると思わぬ事態が発生します。

それではプログラムのソースコード及び動画を貼っておきます。

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

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

<AnchorPane id="AnchorPane" fx:id="anchorPane" prefHeight="50.0" prefWidth="272.0" xmlns="http://javafx.com/javafx/8.0.40" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.yucchi.hellospinneranddialog.FXMLDocumentController">
    <children>
        <Label fx:id="label_1" layoutX="14.0" layoutY="42.0" minHeight="16" minWidth="69" text="私の毎月のお小遣いは" AnchorPane.bottomAnchor="10.0" AnchorPane.leftAnchor="10.0" AnchorPane.topAnchor="10.0">
         <font>
            <Font size="14.0" />
         </font></Label>
      <Spinner fx:id="spinner" layoutX="145.0" layoutY="10.0" prefHeight="30.0" prefWidth="80.0" AnchorPane.bottomAnchor="10.0" AnchorPane.leftAnchor="145.0" AnchorPane.topAnchor="10.0" />
      <Label fx:id="label_2" layoutX="225.0" layoutY="10.0" text="です。" AnchorPane.bottomAnchor="10.0" AnchorPane.leftAnchor="235.0" AnchorPane.topAnchor="10.0">
         <font>
            <Font size="14.0" />
         </font>
      </Label>
    </children>
</AnchorPane>

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

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

<?import java.lang.*?>

<?import java.util.*?>

<?import javafx.scene.*?>

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

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

</Label>

</Label>

</children>

</AnchorPane>

package jp.yucchi.hellospinneranddialog;

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

/**
 *
 * @author Yucchi
 */
public class HelloSpinnerAndDialog extends Application {

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

        Scene scene = new Scene(root);

        stage.setScene(scene);
        stage.setTitle("毎月のお小遣いは？");
        stage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

}

package jp.yucchi.hellospinneranddialog;

import javafx.application.Application;

import javafx.fxml.FXMLLoader;

import javafx.scene.Parent;

import javafx.scene.Scene;

import javafx.stage.Stage;

/**

* @author Yucchi

public class HelloSpinnerAndDialog extends Application {

@Override

public void start(Stage stage) throws Exception {

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

Scene scene = new Scene(root);

stage.setScene(scene);

stage.setTitle("毎月のお小遣いは？");

stage.show();

}

/**

* @param args the command line arguments

public static void main(String[] args) {

launch(args);

}

package jp.yucchi.hellospinneranddialog;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.control.ButtonType;
import javafx.scene.control.Label;
import javafx.scene.control.Spinner;
import javafx.scene.control.SpinnerValueFactory;
import javafx.scene.layout.AnchorPane;
import javafx.stage.Modality;

/**
 *
 * @author Yucchi
 */
public class FXMLDocumentController implements Initializable {

    private BooleanProperty poor;

    private BooleanProperty rich;

    @FXML
    AnchorPane anchorPane;

    @FXML
    private Label label_1;

    @FXML
    private Spinner<integer> spinner;

    @FXML
    private Label label_2;

    @Override
    public void initialize(URL url, ResourceBundle rb) {

        poor = new SimpleBooleanProperty(true);
        rich = new SimpleBooleanProperty(true);

        // 0 から 100,000 まで 5,000 ずつ加減算する、初期値は 50,000 の Spinner
        spinner.setValueFactory(new SpinnerValueFactory.IntegerSpinnerValueFactory(0, 100_000, 50_000, 5_000));
//        // Spinner のデザインを水平にする
//        spinner.getStyleClass().add(Spinner.STYLE_CLASS_ARROWS_ON_RIGHT_HORIZONTAL);

        spinner.valueProperty().addListener((ov, oldValue, newValue) -> {

            System.out.println(newValue);

            if (newValue <= 30_000 && poor.getValue()) {
                poor.setValue(Boolean.FALSE);
                showPoorDialog();
            }
            if (newValue >= 70_000 && rich.getValue()) {
                rich.setValue(Boolean.FALSE);
                showRichDialog();
            }
        });

    }

    private void showPoorDialog() {
        Alert alert = new Alert(AlertType.WARNING, "もう少しお小遣いを増やしましょう。", ButtonType.OK);
        alert.initModality(Modality.NONE);
        alert.initOwner(anchorPane.getScene().getWindow());
        alert.getDialogPane().setHeaderText("少ないですね。");
        alert.showAndWait()
                .filter(response -> response == ButtonType.OK)
                .ifPresent(response -> System.out.println(":p"));
    }

    private void showRichDialog() {
        Alert alert = new Alert(AlertType.INFORMATION, "お金で愛は買えないが、お金で愛は潤います。", ButtonType.OK);
        alert.initModality(Modality.NONE);
        alert.initOwner(anchorPane.getScene().getWindow());
        alert.getDialogPane().setHeaderText("幸せですね！");
        alert.showAndWait()
                .filter(response -> response == ButtonType.OK)
                .ifPresent(response -> System.out.println(":p"));
    }

}

package jp.yucchi.hellospinneranddialog;

import java.net.URL;

import java.util.ResourceBundle;

import javafx.beans.property.BooleanProperty;

import javafx.beans.property.SimpleBooleanProperty;

import javafx.fxml.FXML;

import javafx.fxml.Initializable;

import javafx.scene.control.Alert;

import javafx.scene.control.Alert.AlertType;

import javafx.scene.control.ButtonType;

import javafx.scene.control.Label;

import javafx.scene.control.Spinner;

import javafx.scene.control.SpinnerValueFactory;

import javafx.scene.layout.AnchorPane;

import javafx.stage.Modality;

/**

* @author Yucchi

public class FXMLDocumentController implements Initializable {

private BooleanProperty poor;

private BooleanProperty rich;

@FXML

AnchorPane anchorPane;

@FXML

private Label label_1;

@FXML

private Spinner<integer> spinner;

@FXML

private Label label_2;

@Override

public void initialize(URL url, ResourceBundle rb) {

poor = new SimpleBooleanProperty(true);

rich = new SimpleBooleanProperty(true);

// 0 から 100,000 まで 5,000 ずつ加減算する、初期値は 50,000 の Spinner

spinner.setValueFactory(new SpinnerValueFactory.IntegerSpinnerValueFactory(0, 100_000, 50_000, 5_000));

// // Spinner のデザインを水平にする

// spinner.getStyleClass().add(Spinner.STYLE_CLASS_ARROWS_ON_RIGHT_HORIZONTAL);

spinner.valueProperty().addListener((ov, oldValue, newValue) -> {

System.out.println(newValue);

if (newValue <= 30_000 && poor.getValue()) {

poor.setValue(Boolean.FALSE);

showPoorDialog();

}

if (newValue >= 70_000 && rich.getValue()) {

rich.setValue(Boolean.FALSE);

showRichDialog();

}

});

}

private void showPoorDialog() {

Alert alert = new Alert(AlertType.WARNING, "もう少しお小遣いを増やしましょう。", ButtonType.OK);

alert.initModality(Modality.NONE);

alert.initOwner(anchorPane.getScene().getWindow());

alert.getDialogPane().setHeaderText("少ないですね。");

alert.showAndWait()

.filter(response -> response == ButtonType.OK)

.ifPresent(response -> System.out.println(":p"));

}

private void showRichDialog() {

Alert alert = new Alert(AlertType.INFORMATION, "お金で愛は買えないが、お金で愛は潤います。", ButtonType.OK);

alert.initModality(Modality.NONE);

alert.initOwner(anchorPane.getScene().getWindow());

alert.getDialogPane().setHeaderText("幸せですね！");

alert.showAndWait()

.filter(response -> response == ButtonType.OK)

.ifPresent(response -> System.out.println(":p"));

}

Spinner の CSS のあてかたも解らないので入力値を右寄せにしたり色を変えたりとかもしたかったのですがそれはネット上に情報が出てきてからボチボチ勉強していきたいですね。

追記：キーボードからカーソルキー入力では問題ないのでバグの可能性が高いです。

Hatena タグ: JavaFX

TAGS: JavaFX | 2015年3月8日10:57 AM | Comments : 2

JavaFX の SplitPane を試してみた。

JavaFX

JavaFX の SplitPane の存在は知っていたが使う機会が無かったので使い方を知らないまま今日に至っています。

とりあえず簡単な使い方だけでも知っておこうとググってみたのですが日本語での情報を見つけることができませんでした。(>_<｡)

しかたないので API ドキュメントをサラッと ~~読んで~~ 眺めてみることにしました。

Class SplitPane

http://docs.oracle.com/javase/8/javafx/api/javafx/scene/control/SplitPane.html#getDividerPositions–

縦、横の指定や分割位置などが設定できるようでメソッド数も少なくシンプルなものです。

ただ、私の英語力及び Java 力では理解できないものがあり目から汗が出ています。

Example に sp.setDividerPositions(0.3f, 0.6f, 0.9f); とあるんだけど

最後の引数の 0.9f は無くてもいいんじゃないの？

最後のスペースは自動計算されるはずでは？

なぜなんだろう？

何か意味があるはずなんだろうけど・・・

と言うことでサクッとプログラムを組んで動作確認してみました。

上記のように ? の状態なのでこれであっているか自信はありません。

ラベルをみっつ均等に表示させ、左のラベルは全体の３３パーセントより小さくさせない、右のラベルは全体の３３パーセントより大きくさせないという制限も付加してみました。

package jp.yucchi.trysplitpane;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.SplitPane;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

/**
 *
 * @author Yucchi
 */
public class TrySplitPane extends Application {

    @Override
    public void start(Stage primaryStage) {

        Group root = new Group();

        SplitPane sp = new SplitPane();
        final StackPane sp1 = new StackPane();
        sp1.getChildren().add(new Label("堀北真希"));
        final StackPane sp2 = new StackPane();
        sp2.getChildren().add(new Label("新垣結衣"));
        final StackPane sp3 = new StackPane();
        sp3.getChildren().add(new Label("綾瀬はるか"));
        sp.getItems().addAll(sp1, sp2, sp3);

        // 均等に分割
        sp.setDividerPositions(0.333f, 0.666f);

        // 真希ちゃんラベルを３３パーセントより小さくさせない。
        sp1.minWidthProperty().bind(sp.widthProperty().multiply(0.333));
        // はるかちゃんラベルを３３パーセントより大きくさせない。
        sp3.maxWidthProperty().bind(sp.widthProperty().multiply(0.333));

        root.getChildren().add(sp);

        Scene scene = new Scene(root, 300, 30);

        sp.prefWidthProperty().bind(scene.widthProperty());
        sp.prefHeightProperty().bind(scene.heightProperty());

        primaryStage.setTitle("Hello SplitPane");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

}

package jp.yucchi.trysplitpane;

import javafx.application.Application;

import javafx.scene.Group;

import javafx.scene.Scene;

import javafx.scene.control.Label;

import javafx.scene.control.SplitPane;

import javafx.scene.layout.StackPane;

import javafx.stage.Stage;

/**

* @author Yucchi

public class TrySplitPane extends Application {

@Override

public void start(Stage primaryStage) {

Group root = new Group();

SplitPane sp = new SplitPane();

final StackPane sp1 = new StackPane();

sp1.getChildren().add(new Label("堀北真希"));

final StackPane sp2 = new StackPane();

sp2.getChildren().add(new Label("新垣結衣"));

final StackPane sp3 = new StackPane();

sp3.getChildren().add(new Label("綾瀬はるか"));

sp.getItems().addAll(sp1, sp2, sp3);

// 均等に分割

sp.setDividerPositions(0.333f, 0.666f);

// 真希ちゃんラベルを３３パーセントより小さくさせない。

sp1.minWidthProperty().bind(sp.widthProperty().multiply(0.333));

// はるかちゃんラベルを３３パーセントより大きくさせない。

sp3.maxWidthProperty().bind(sp.widthProperty().multiply(0.333));

root.getChildren().add(sp);

Scene scene = new Scene(root, 300, 30);

sp.prefWidthProperty().bind(scene.widthProperty());

sp.prefHeightProperty().bind(scene.heightProperty());

primaryStage.setTitle("Hello SplitPane");

primaryStage.setScene(scene);

primaryStage.show();

}

/**

* @param args the command line arguments

public static void main(String[] args) {

launch(args);

}

このプログラムの実行結果は下図のようになります。

初期状態

左の Divider を右へドラッグして左のラベルを大ききします。

左の Divider を左へドラッグして左のラベルを小さくしようとしますが制限がかかっていて小さくなりません。

右の Divider を右へドラッグして中央のラベルを大きくします。

右の Divider 左へドラッグして右のラベルを大きくしようとしますが制限がかかっておおきくなりません。

これって以外と便利に使えるかもしれないですね。

なんで日本語の情報がないんだろう？

シンプルすぎてスルーされているんだろうか？

最後に、ラベルのテキストは私個人の好みであり所属する会社の公式な好みではありません。（ヲヒ

Hatena タグ: JavaFX

TAGS: JavaFX | 2015年2月28日7:10 AM | Comment : 0

TextField を 0 から 9 までの数値しか入力できないようにしてみた

JavaFX

このプログラムは TextField に入力制限をかけたいなぁって思ってどうすればいいんだろう？ってネットサーフィンしていたときに見つけたものです。

Java 8u40 では Formatted Text が追加されるらしいのですが、お試し版を使ったサンプルコードの紹介がまだ見当たらない現状なのでφ(．．)メモメモ

ちなみに Alert Dialogs はみんな待っているのでサンプルコードはもう出ていますね。

あと、Spinner も追加されるようです。

JavaFX はまだまだ足りないものがあるとあちこちで言われていますが着実に進化しているようです。

それでは忘備録として下記コードを書き留めておきます。

package jp.yucchi.numbersonlytextfield;

import java.awt.Toolkit;
import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.FlowPane;
import javafx.stage.Stage;

/**
 *
 * @author Yucchi
 */
public class NumbersOnlyTextField extends Application {
    
    @Override
    public void start(Stage primaryStage) {
        
        TextField textField = new TextField();
        textField.setAlignment(Pos.CENTER_RIGHT);
        Label label = new Label();
        label.setAlignment(Pos.CENTER_RIGHT);
        label.setPadding(new Insets(0, 7, 0, 5));
        
        FlowPane root = new FlowPane();
        
        root.getChildren().addAll(textField, label);
        
        Scene scene = new Scene(root, 300, 60);
        
        textField.prefWidthProperty().bind(scene.widthProperty());
        textField.prefHeightProperty().bind(scene.heightProperty().divide(2));
        label.prefWidthProperty().bind(scene.widthProperty());
        label.prefHeightProperty().bind(scene.heightProperty().divide(2));
        
        textField.lengthProperty().addListener((ObservableValue<? extends Number> observable, Number oldValue, Number newValue) -> {
            if (newValue.intValue() > oldValue.intValue()) {
                char ch = textField.getText().charAt(oldValue.intValue());
                if (!(ch >= '0' && ch <= '9')) {
                    Toolkit.getDefaultToolkit().beep();
                    textField.setText(textField.getText().substring(0, textField.getText().length() - 1));
                }
            }
        });
        
        label.textProperty().bind(textField.textProperty());
        
        primaryStage.setTitle(this.getClass().getSimpleName());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }
    
}

package jp.yucchi.numbersonlytextfield;

import java.awt.Toolkit;

import javafx.application.Application;

import javafx.beans.value.ObservableValue;

import javafx.geometry.Insets;

import javafx.geometry.Pos;

import javafx.scene.Scene;

import javafx.scene.control.Label;

import javafx.scene.control.TextField;

import javafx.scene.layout.FlowPane;

import javafx.stage.Stage;

/**

* @author Yucchi

public class NumbersOnlyTextField extends Application {

@Override

public void start(Stage primaryStage) {

TextField textField = new TextField();

textField.setAlignment(Pos.CENTER_RIGHT);

Label label = new Label();

label.setAlignment(Pos.CENTER_RIGHT);

label.setPadding(new Insets(0, 7, 0, 5));

FlowPane root = new FlowPane();

root.getChildren().addAll(textField, label);

Scene scene = new Scene(root, 300, 60);

textField.prefWidthProperty().bind(scene.widthProperty());

textField.prefHeightProperty().bind(scene.heightProperty().divide(2));

label.prefWidthProperty().bind(scene.widthProperty());

label.prefHeightProperty().bind(scene.heightProperty().divide(2));

textField.lengthProperty().addListener((ObservableValue<? extends Number> observable, Number oldValue, Number newValue) -> {

if (newValue.intValue() > oldValue.intValue()) {

char ch = textField.getText().charAt(oldValue.intValue());

if (!(ch >= '0' && ch <= '9')) {

Toolkit.getDefaultToolkit().beep();

textField.setText(textField.getText().substring(0, textField.getText().length() - 1));

}

});

label.textProperty().bind(textField.textProperty());

primaryStage.setTitle(this.getClass().getSimpleName());

primaryStage.setScene(scene);

primaryStage.show();

}

/**

* @param args the command line arguments

public static void main(String[] args) {

launch(args);

}

このプログラムは TextField の lengthProperty にリスナーを登録して入力した値を判定して処理してます。

これだと何かしらのイベント発生時に TextField の入力値を取得して正規表現で判定して問題あればアラートダイアログ出して入力し直してもらうという方法より場合によってはいいかもしれません。

小ネタですがもう暫くは活躍してもらえそうです。(^_^)

Hatena タグ: JavaFX

TAGS: JavaFX | 2015年1月19日4:18 PM | Comment : 1

JavaFX の MeshView を試してみるその２

JavaFX

このエントリーは JavaFX の MeshView を試してみるの続きです。

今回は立方体を表示させるプログラムを組んでみます。

立方体だからといって複雑になり難しくなることはありません。

しょせん、最小構成のポリゴン( TriangleMesh ) の集まりです。

立方体の頂点の座標は下図のようにしました。

この立方体に貼るテクスチャは次のものを使います。

これを先ほの立方体へ貼ります。

解りやすくするためにテクスチャの座標とインデックスをいれた画像を用意しました。

前回のエントリーをお読みになった方は下記のソースコードを見たら何をやっているか理解できるでしょう。

package jp.yucchi.dukemeshbox;

import static java.lang.Math.abs;
import javafx.application.Application;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.geometry.Point3D;
import javafx.scene.AmbientLight;
import javafx.scene.Group;
import javafx.scene.PerspectiveCamera;
import javafx.scene.PointLight;
import javafx.scene.Scene;
import javafx.scene.SceneAntialiasing;
import javafx.scene.image.Image;
import javafx.scene.input.PickResult;
import javafx.scene.paint.Color;
import javafx.scene.paint.PhongMaterial;
import javafx.scene.shape.MeshView;
import javafx.scene.shape.TriangleMesh;
import javafx.scene.transform.Rotate;
import javafx.stage.Stage;

/**
 *
 * @author Yucchi
 */
public class DukeMeshBox extends Application {

    private double anchorX;
    private double anchorY;
    private double anchorAngleX = 0;
    private double anchorAngleY = 0;
    private final DoubleProperty angleX = new SimpleDoubleProperty(20.0d);
    private final DoubleProperty angleY = new SimpleDoubleProperty(25.0d);

    @Override
    public void start(Stage primaryStage) {

        final MeshView meshBox = new MeshView(new MeshBox(200f, 200f, 200f));

        Image diffuseMap = new Image(DukeMeshBox.class.getResource("resources/duke_uv.jpg").toExternalForm());

        PhongMaterial material = new PhongMaterial();

        material.setDiffuseMap(diffuseMap);

        meshBox.setMaterial(material);

        // 環境光設定
        final AmbientLight ambient = new AmbientLight();
        ambient.setColor(Color.rgb(90, 90, 90, 0.6));

        // ポイントライト設定
        PointLight point = new PointLight();
        point.setColor(Color.WHITE);
        point.setLayoutX(-600.0d);
        point.setLayoutY(-200.0d);
        point.setTranslateZ(-400.0d);

        PointLight point2 = new PointLight();
        point2.setColor(Color.SKYBLUE);
        point2.setLayoutX(600.0d);
        point2.setLayoutY(-200.0d);
        point2.setTranslateZ(-400.0d);

        PerspectiveCamera camera = new PerspectiveCamera(true);

        // Field of View 
        camera.setFieldOfView(45.5d);
        // Clipping Planes
        camera.setNearClip(1.0d);
        camera.setFarClip(1_000_000.0d);

        camera.setTranslateZ(-800);

        final Group root = new Group(meshBox);

        Rotate xRotate;
        Rotate yRotate;
        meshBox.getTransforms().setAll(
                xRotate = new Rotate(0, Rotate.X_AXIS),
                yRotate = new Rotate(0, Rotate.Y_AXIS)
        );
        xRotate.angleProperty().bind(angleX);
        yRotate.angleProperty().bind(angleY);

        root.getChildren().addAll(ambient, point, point2);

        Scene scene = new Scene(root, 1_024, 768, true, SceneAntialiasing.BALANCED);

        scene.setFill(Color.ALICEBLUE);

        scene.setCamera(camera);

        scene.setOnMousePressed(event -> {
            anchorX = event.getSceneX();
            anchorY = event.getSceneY();
            anchorAngleX = angleX.get();
            anchorAngleY = angleY.get();
        });

        scene.setOnMouseDragged(event -> {
            angleX.set(anchorAngleX - (anchorY - event.getSceneY()));
            angleY.set(anchorAngleY + anchorX - event.getSceneX());
        });

        scene.setOnMouseClicked(event -> {
            PickResult pickResult = event.getPickResult();         
            System.out.println("PickResult Node : " + pickResult.getIntersectedNode());
            System.out.println("PickResult Face : " + pickResult.getIntersectedFace());
            System.out.println("PickResult TexCoord : " + pickResult.getIntersectedTexCoord());
            System.out.println("PickResult Distance : " + pickResult.getIntersectedDistance());           
            if (pickResult.getIntersectedNode() == meshBox) {
                Point3D point3d = pickResult.getIntersectedPoint();
                if (point3d.getX() != 0.0d && point3d.getY() != 0.0d && point3d.getZ() != 0.0d) {
                    meshBox.setScaleX(abs(point3d.getX() / 100.0d) * 1.8d);
                    meshBox.setScaleY(abs(point3d.getY() / 100.0d) * 1.8d);
                    meshBox.setScaleZ(abs(point3d.getZ() / 100.0d) * 1.8d);
                } else {
                    meshBox.setScaleX(0.5d);
                    meshBox.setScaleY(0.5d);
                    meshBox.setScaleZ(0.5d);
                }
            } else {
                meshBox.setScaleX(1.0d);
                meshBox.setScaleY(1.0d);
                meshBox.setScaleZ(1.0d);
            }
        });

        primaryStage.setTitle("Duke MeshBox");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

    private class MeshBox extends TriangleMesh {
        
        MeshBox(float w, float h, float d) {           

            float hw = w / 2f;
            float hh = h / 2f;
            float hd = d / 2f;

            float x0 = 0f;
            float x1 = 1f / 4f;
            float x2 = 2f / 4f;
            float x3 = 3f / 4f;
            float x4 = 1f;
            float y0 = 0f;
            float y1 = 1f / 4f;
            float y2 = 2f / 4f;
            float y3 = 3f / 4f;
            float y4 = 1f;

            this.getPoints().addAll(
                    hw, hh, hd,   //point A
                    hw, hh, -hd,  //point B
                    hw, -hh, hd,  //point C
                    hw, -hh, -hd, //point D
                    -hw, hh, hd,  //point E
                    -hw, hh, -hd, //point F
                    -hw, -hh, hd, //point G
                    -hw, -hh, -hd //point H
            );

            this.getTexCoords().addAll(
                    x1, y1, // idx 0
                    x2, y1, // idx 1
                    x0, y2, // idx 2
                    x1, y2, // idx 3
                    x2, y2, // idx 4
                    x3, y2, // idx 5
                    x4, y2, // idx 6
                    x0, y3, // idx 7
                    x1, y3, // idx 8
                    x2, y3, // idx 9
                    x3, y3, // idx 10
                    x4, y3, // idx 11
                    x1, y4, // idx 12
                    x2, y4  // idx 13
            );

            this.getFaces().addAll(
                    0, 10, 2, 5, 1, 9,  //triangle A-C-B
                    2, 5, 3, 4, 1, 9,   //triangle C-D-B
                    4, 7, 5, 8, 6, 2,   //triangle E-F-G
                    6, 2, 5, 8, 7, 3,   //triangle G-F-H
                    0, 13, 1, 9, 4, 12, //triangle A-B-E
                    4, 12, 1, 9, 5, 8,  //triangle E-B-F
                    2, 1, 6, 0, 3, 4,   //triangle C-G-D
                    3, 4, 6, 0, 7, 3,   //triangle D-G-H
                    0, 10, 4, 11, 2, 5, //triangle A-E-C
                    2, 5, 4, 11, 6, 6,  //triangle C-E-G
                    1, 9, 3, 4, 5, 8,   //triangle B-D-F
                    5, 8, 3, 4, 7, 3    //triangle F-D-H
            );

            this.getFaceSmoothingGroups().addAll(
                    0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5
            );

            System.out.println("PointElementSize : " + this.getPointElementSize());
            System.out.println("TexCoordElementSize : " + this.getTexCoordElementSize());
            System.out.println("FaceElementSize : " + this.getFaceElementSize());

        }
       
    }

}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

package jp.yucchi.dukemeshbox;

import static java.lang.Math.abs;

import javafx.application.Application;

import javafx.beans.property.DoubleProperty;

import javafx.beans.property.SimpleDoubleProperty;

import javafx.geometry.Point3D;

import javafx.scene.AmbientLight;

import javafx.scene.Group;

import javafx.scene.PerspectiveCamera;

import javafx.scene.PointLight;

import javafx.scene.Scene;

import javafx.scene.SceneAntialiasing;

import javafx.scene.image.Image;

import javafx.scene.input.PickResult;

import javafx.scene.paint.Color;

import javafx.scene.paint.PhongMaterial;

import javafx.scene.shape.MeshView;

import javafx.scene.shape.TriangleMesh;

import javafx.scene.transform.Rotate;

import javafx.stage.Stage;

/**

* @author Yucchi

public class DukeMeshBox extends Application {

private double anchorX;

private double anchorY;

private double anchorAngleX = 0;

private double anchorAngleY = 0;

private final DoubleProperty angleX = new SimpleDoubleProperty(20.0d);

private final DoubleProperty angleY = new SimpleDoubleProperty(25.0d);

@Override

public void start(Stage primaryStage) {

final MeshView meshBox = new MeshView(new MeshBox(200f, 200f, 200f));

Image diffuseMap = new Image(DukeMeshBox.class.getResource("resources/duke_uv.jpg").toExternalForm());

PhongMaterial material = new PhongMaterial();

material.setDiffuseMap(diffuseMap);

meshBox.setMaterial(material);

// 環境光設定

final AmbientLight ambient = new AmbientLight();

ambient.setColor(Color.rgb(90, 90, 90, 0.6));

// ポイントライト設定

PointLight point = new PointLight();

point.setColor(Color.WHITE);

point.setLayoutX(-600.0d);

point.setLayoutY(-200.0d);

point.setTranslateZ(-400.0d);

PointLight point2 = new PointLight();

point2.setColor(Color.SKYBLUE);

point2.setLayoutX(600.0d);

point2.setLayoutY(-200.0d);

point2.setTranslateZ(-400.0d);

PerspectiveCamera camera = new PerspectiveCamera(true);

// Field of View

camera.setFieldOfView(45.5d);

// Clipping Planes

camera.setNearClip(1.0d);

camera.setFarClip(1_000_000.0d);

camera.setTranslateZ(-800);

final Group root = new Group(meshBox);

Rotate xRotate;

Rotate yRotate;

meshBox.getTransforms().setAll(

xRotate = new Rotate(0, Rotate.X_AXIS),

yRotate = new Rotate(0, Rotate.Y_AXIS)

);

xRotate.angleProperty().bind(angleX);

yRotate.angleProperty().bind(angleY);

root.getChildren().addAll(ambient, point, point2);

Scene scene = new Scene(root, 1_024, 768, true, SceneAntialiasing.BALANCED);

scene.setFill(Color.ALICEBLUE);

scene.setCamera(camera);

scene.setOnMousePressed(event -> {

anchorX = event.getSceneX();

anchorY = event.getSceneY();

anchorAngleX = angleX.get();

anchorAngleY = angleY.get();

});

scene.setOnMouseDragged(event -> {

angleX.set(anchorAngleX - (anchorY - event.getSceneY()));

angleY.set(anchorAngleY + anchorX - event.getSceneX());

});

scene.setOnMouseClicked(event -> {

PickResult pickResult = event.getPickResult();

System.out.println("PickResult Node : " + pickResult.getIntersectedNode());

System.out.println("PickResult Face : " + pickResult.getIntersectedFace());

System.out.println("PickResult TexCoord : " + pickResult.getIntersectedTexCoord());

System.out.println("PickResult Distance : " + pickResult.getIntersectedDistance());

if (pickResult.getIntersectedNode() == meshBox) {

Point3D point3d = pickResult.getIntersectedPoint();

if (point3d.getX() != 0.0d && point3d.getY() != 0.0d && point3d.getZ() != 0.0d) {

meshBox.setScaleX(abs(point3d.getX() / 100.0d) * 1.8d);

meshBox.setScaleY(abs(point3d.getY() / 100.0d) * 1.8d);

meshBox.setScaleZ(abs(point3d.getZ() / 100.0d) * 1.8d);

} else {

meshBox.setScaleX(0.5d);

meshBox.setScaleY(0.5d);

meshBox.setScaleZ(0.5d);

}

} else {

meshBox.setScaleX(1.0d);

meshBox.setScaleY(1.0d);

meshBox.setScaleZ(1.0d);

}

});

primaryStage.setTitle("Duke MeshBox");

primaryStage.setScene(scene);

primaryStage.show();

}

/**

* @param args the command line arguments

public static void main(String[] args) {

launch(args);

}

private class MeshBox extends TriangleMesh {

MeshBox(float w, float h, float d) {

float hw = w / 2f;

float hh = h / 2f;

float hd = d / 2f;

float x0 = 0f;

float x1 = 1f / 4f;

float x2 = 2f / 4f;

float x3 = 3f / 4f;

float x4 = 1f;

float y0 = 0f;

float y1 = 1f / 4f;

float y2 = 2f / 4f;

float y3 = 3f / 4f;

float y4 = 1f;

this.getPoints().addAll(

hw, hh, hd, //point A

hw, hh, -hd, //point B

hw, -hh, hd, //point C

hw, -hh, -hd, //point D

-hw, hh, hd, //point E

-hw, hh, -hd, //point F

-hw, -hh, hd, //point G

-hw, -hh, -hd //point H

);

this.getTexCoords().addAll(

x1, y1, // idx 0

x2, y1, // idx 1

x0, y2, // idx 2

x1, y2, // idx 3

x2, y2, // idx 4

x3, y2, // idx 5

x4, y2, // idx 6

x0, y3, // idx 7

x1, y3, // idx 8

x2, y3, // idx 9

x3, y3, // idx 10

x4, y3, // idx 11

x1, y4, // idx 12

x2, y4 // idx 13

);

this.getFaces().addAll(

0, 10, 2, 5, 1, 9, //triangle A-C-B

2, 5, 3, 4, 1, 9, //triangle C-D-B

4, 7, 5, 8, 6, 2, //triangle E-F-G

6, 2, 5, 8, 7, 3, //triangle G-F-H

0, 13, 1, 9, 4, 12, //triangle A-B-E

4, 12, 1, 9, 5, 8, //triangle E-B-F

2, 1, 6, 0, 3, 4, //triangle C-G-D

3, 4, 6, 0, 7, 3, //triangle D-G-H

0, 10, 4, 11, 2, 5, //triangle A-E-C

2, 5, 4, 11, 6, 6, //triangle C-E-G

1, 9, 3, 4, 5, 8, //triangle B-D-F

5, 8, 3, 4, 7, 3 //triangle F-D-H

);

this.getFaceSmoothingGroups().addAll(

0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5

);

System.out.println("PointElementSize : " + this.getPointElementSize());

System.out.println("TexCoordElementSize : " + this.getTexCoordElementSize());

System.out.println("FaceElementSize : " + this.getFaceElementSize());

}

今回はちょっとピッキング API でお遊びをいれています。

ピッキング API で取得した情報を標準出力に表示させたり、

オブジェクトの拡大縮小をやっています。( この部分は JavaFX の標準機能だけでシンプルな 3D トイピアノをつくろうを参考にしてください。)

scene.setOnMouseClicked(event -> {
    PickResult pickResult = event.getPickResult();
    System.out.println(“PickResult Node : ” + pickResult.getIntersectedNode());
    System.out.println(“PickResult Face : ” + pickResult.getIntersectedFace());
    System.out.println(“PickResult TexCoord : ” + pickResult.getIntersectedTexCoord());
    System.out.println(“PickResult Distance : ” + pickResult.getIntersectedDistance());
    if (pickResult.getIntersectedNode() == meshBox) {
        Point3D point3d = pickResult.getIntersectedPoint();
        if (point3d.getX() != 0.0d && point3d.getY() != 0.0d && point3d.getZ() != 0.0d) {
            meshBox.setScaleX(abs(point3d.getX() / 100.0d) * 1.8d);
            meshBox.setScaleY(abs(point3d.getY() / 100.0d) * 1.8d);
            meshBox.setScaleZ(abs(point3d.getZ() / 100.0d) * 1.8d);
        } else {
            meshBox.setScaleX(0.5d);
            meshBox.setScaleY(0.5d);
            meshBox.setScaleZ(0.5d);
        }
    } else {
        meshBox.setScaleX(1.0d);
        meshBox.setScaleY(1.0d);
        meshBox.setScaleZ(1.0d);
    }
});

これによって得られる情報は下記のようになります。

PickResult Node : MeshView@7bc4dd1a
PickResult Face : 10
PickResult TexCoord : Point2D [x = 0.4647918545001403, y = 0.5826962887300013]
PickResult Distance : 675.187084447299

最後の PickResult Distance はカメラからの距離となります。

ついでに 3D オブジェクトの情報もとってみました。

System.out.println(“PointElementSize : ” + this.getPointElementSize());
System.out.println(“TexCoordElementSize : ” + this.getTexCoordElementSize());
System.out.println(“FaceElementSize : ” + this.getFaceElementSize());

プログラムの実行結果で得られた値は下記のようになります。

PointElementSize : 3
TexCoordElementSize : 2
FaceElementSize : 6

これらは上から 3, 2, 6 といつも同じ数値を返すようです。

私はてっきり各配列の要素数を返すものだと思い込んでいたので少しばかり悩んで時間を無駄にしてしまいました。

これらの存在意義が解らないので未だにすっきりしていないし、間違って解釈している可能性もあるので霧の中にいるような感覚が今もあります。

あと、今回は複数のフェイスで 3D オブジェクトが構築されているので次のメソッドを使用します。

javafx.scene.shape.TriangleMesh クラスの ObservableIntegerArray getFaceSmoothingGroups() メソッドです。

これを使いフェイスをグルーピングしてスムーズに表示させることが可能となるようです。

this.getFaceSmoothingGroups().addAll(
0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5
);

上記コードは、triangle A-C-B と triangle C-D-B をグルーピング ( 0 )

triangle E-F-G と G-F-H ( 1 )、triangle A-B-E と triangle E-B-F ( 2 ) … という具合にグルーピングしていきます。

最終的にはフェイスの数と faceSmoothingGroups の配列の要素数は等しくなります。

これを間違えてもコンパイルエラーにはなりませんし、プログラムもエラーで止まることなく実行されてしまいます。

ただ肝心の 3D オブジェクトは表示されることは無いでしょう。

あっ、空だと表示されますね。（当たり前か）

さて、この機能なんですが本当に効果があるのでしょうか？

私の環境では違いを確認できませんでした。

このような小さなプログラムでは効果が確認できないのかもしれません。

最後にこのプログラムの動画を貼っておきますので興味のある方はご覧くださいませ。

JavaFX 楽しすぎるから年末の TODO が減らない！　どうしよう(>_<｡)

Hatena タグ: JavaFX

TAGS: JavaFX | 2014年12月23日3:48 PM | Comment : 0

« 古い記事新しい記事 »

ゆっちのBlog

JDK8u40 で追加された Spinner と Dialog を試してみた。とりあえず回避方法をみつけた。

JDK8u40 で追加された Spinner と Dialog を試してみた。

JavaFX の SplitPane を試してみた。

TextField を 0 から 9 までの数値しか入力できないようにしてみた

JavaFX の MeshView を試してみるその２

Recent Comments

Java

NetBeans

カテゴリー

アーカイブ

RSS FEED

ねこび～ん

メタ情報

ゆっちのカレンダー

2024年11月
月	火	水	木	金	土	日
« 1月
				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

ゆっちのBlog

JDK8u40 で追加された Spinner と Dialog を試してみた。 とりあえず回避方法をみつけた。

JDK8u40 で追加された Spinner と Dialog を試してみた。

JavaFX の SplitPane を試してみた。

TextField を 0 から 9 までの数値しか入力できないようにしてみた

JavaFX の MeshView を試してみる その２

Popular post ranking

Recent Comments

Java

NetBeans

カテゴリー

アーカイブ

RSS FEED

ねこび～ん

メタ情報

ゆっちのカレンダー

JDK8u40 で追加された Spinner と Dialog を試してみた。とりあえず回避方法をみつけた。

JavaFX の MeshView を試してみるその２