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

投稿日時: 投稿者:
3

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

このエントリーで 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();
            }
            });
                      
        });

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

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

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

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

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

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

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

    private SpinnerBehavior 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 タグ:

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

投稿日時: 投稿者:
2

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

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

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

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

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

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

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

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

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












    
        
      
      
    


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 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 タグ: