Как переключить файлы изображений, которые я хочу видеть в кнопке JavaFXML?

Question

Я пытаюсь переключить кнопку между двумя состояниями.Одним состоянием является отображение изображения красного круга, а другим состоянием является изображение синего круга.Когда пользователь нажимает кнопку, он должен переключаться между состояниями.Я установил стиль в моем css для размещения кнопки:

#button-debit {
    -fx-background-image: url("images/redButton.jpg");     
}

#button-credit {
    -fx-background-image: url("images/blueButton.png");
}

Чтобы увидеть, работает ли это, я попытался просто перейти с красного на синий, выполнив это:

@FXML
  private void handledborcrBtn() {
    dborcrBtn.setId("button-credit");
  }

Однакорезультат не такой, как ожидалось.Изображение красной кнопки остается на месте, а синее изображение под ним, но синее изображение разделено на несколько частей.

Мне кажется, я помню метод перерисовки из javax Swing, но он кажется более сложнымс JavaFXML, и я испытываю затруднения, чтобы заставить это работать должным образом.

Answer 1

Попробуйте с помощью ToogleBotton

.toggle-button {
  -fx-graphic: url('icons.jpg');
}

.toggle-button:selected {
  -fx-graphic: url('othericon.png');
}