質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.50%

JavaFXでbuttonの色をデフォルトに戻すには?

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 2,482

JavaFXでボタンを押されたら色が変わる処理を書いています。
ボタンが押されたら色が変わり、もう一度押されたら元のデフォルトの色に戻したいのですが、方法が分かりません。デフォルトの色に戻すことはは出来るのでしょうか?

/** フィールド */
private boolean colorChange = true;

/**
 * ボタンが押された場合の処理
 * フィールドのcolorChangeがture(1回も押されていない)ならボタンの色を変え、
 * falseならデフォルトの色に戻す。
*/
public void ButtonOnAction(ActionEvent event) {
    if (colorChange) {
        button.setStyle("-fx-base: #f4f162");
        button.setText("ボタンが押された");
        colorChange = false;
    } else {
        button.setStyle("JavaFXのデフォルトの色に戻したい");
        colorChange = true;
    }
}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+1

button.setStyle(null); または 
button.setStyle(""); または 
button.setStyle("-fx-base:;"); または 
button.setStyle("-fx-base: initial;");
でどうですか?

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/03/23 17:17

    色々やってみましたが、この方法が一番簡便でした。

    キャンセル

+1

combRankのボタンの型が質問文には記載されていないので、推測で回答します。
favoriteOnActionイベント内でcombRank.setDisable(true);を行った事によりボタンが押下できなくなったのではないでしょうか。

ユーザが2つの状態(On/Off)を交互に切り替えることのできるボタンの事をトグルボタンといいます。
JavaFXにはトグルボタンクラスがあります。
javafx.scene.control.ToggleButton
以下のソースはトグルボタンを使って、ボタンの背景色を変更するサンプルコードです。ご参考まで。

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.stage.Stage;

import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ToggleButton;

public class A118646 extends Application {

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

        ToggleButton favoriteButton = new ToggleButton("お気に入り");
        // デフォルトの背景色を変更したい時は初期設定も以下の初期設定も忘れずに。
        // favoriteButton.setStyle("-fx-base: #f2f2f2");
        favoriteButton.setOnAction(event -> {
            this.favoriteOnAction(event);
        });
        Group root = new Group(favoriteButton);
        Scene scene = new Scene(root, 400, 300);

        stage.setTitle("JavaFX");
        stage.setResizable(false);
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {

        launch(args);
    }

    public void favoriteOnAction(ActionEvent event) {
        ToggleButton favorite = (ToggleButton) event.getSource();

        if (favorite.isSelected()) {
            favorite.setStyle("-fx-base: #f4f162");
        } else {
            favorite.setStyle("-fx-base: #f2f2f2");
        }
    }
}

■参考情報

  1. JavaFX: JavaFX UIコンポーネントの操作 5 トグル・ボタン
  2. javafx.scene.control.ToggleButton
  3. JavaFX ToggleButton set color and restore default color

2018/03/23追加

ボタンが押されてボタンの背景色が変わり、もう一度ボタンが押されたら「色を直接指定せず元の状態の色(デフォルトの色)に戻す

トグルボタンなら以下のソースコードで可能です。
他のボタンに関しては知らないです、選択状態の疑似CSSクラスがあるかはお手数ですが、参考情報にCSSリファレンス・ガイドを記載しましたので、調査してくださいな。

import javafx.application.Application;
import javafx.stage.Stage;

import javafx.scene.Scene;
import javafx.scene.control.ToggleButton;
import javafx.scene.layout.VBox;
import javafx.geometry.Pos;

public class A118646 extends Application {

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

        ToggleButton favoriteButton = new ToggleButton("お気に入り");
        VBox layout = new VBox(10);
        layout.setAlignment(Pos.CENTER);
        layout.getChildren().setAll(favoriteButton);
        layout.getStylesheets().add(getClass().getResource("colored-toggle.css").toExternalForm());

        stage.setTitle("JavaFX");
        stage.setResizable(false);
        stage.setScene(new Scene(layout, 400, 300));
        stage.show();
    }

    public static void main(String[] args) {

        launch(args);
    }

}

colored-toggle.css

.toggle-button:selected {
    -fx-background-color:#f4f162
}

■参考情報

  1. JavaFX CSSリファレンス・ガイド togglebutton
  2. How to make a button appear to have been clicked or selected? (JavaFX2)

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/03/23 05:44 編集

    combRankはコンボボックスでボタンと別に関係ないです。これは無視して構いません。
    私が聞きたいのはボタンが押されてボタンの背景色が変わり、もう一度ボタンが押されたら「色を直接指定せず元の状態の色(デフォルトの色)に戻す」ことは出来るのかということです。分かりにくくてすみません。

    キャンセル

  • 2018/03/23 06:14

    >MONOYCHROMATIさんへ
    すみません、誤読してました。
    結論としては
    他のボタンは分かりませんが、ToggleButtonでは可能です。
    理由:cssに疑似クラス:selectedがあるため。
    https://docs.oracle.com/javase/jp/8/javafx/api/javafx/scene/doc-files/cssref.html#togglebutton
    ■How to make a button appear to have been clicked or selected? (JavaFX2)
    https://stackoverflow.com/questions/15819242/how-to-make-a-button-appear-to-have-been-clicked-or-selected-javafx2

    キャンセル

  • この投稿は削除されました

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.50%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる