Показать пользователям, на какую кнопку он нажал

Question

У меня есть 3 кнопки для отображения разных панелей.Если я нажму кнопку btn_All, также должно появиться pnl_All и т. Д. Что ж, я хочу сообщить пользователю, где он находится.Если он нажимает btn_All, также должна появиться панель pnl_All, кроме того, кнопка должна добавить определенный класс CSS.

У кого-нибудь есть идеи, как я могу это сделать?

Вы можете добавить класс CSS к кнопке по коду, но тогда мне придется удалить их с кнопок, поэтому я считаю эту опцию очень громоздкой.

Main.java

package sample;

import com.sun.javafx.scene.control.skin.DatePickerSkin;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Node;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.DatePicker;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

import java.time.LocalDate;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }


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

Controller.java

package sample;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.layout.Pane;

public class Controller {

    @FXML
    private Pane pnl_GraphicCard,pnl_Processors,pnl_All;

    @FXML
    private Button btn_GraphicCard,btn_Processors,btn_All;

    @FXML
    void buttonClicked(ActionEvent event) {
        if(event.getSource() == btn_All) {
            pnl_All.toFront();
        }
        else if(event.getSource() == btn_GraphicCard) {
            pnl_GraphicCard.toFront();
        }
        else if(event.getSource() == btn_Processors){
            pnl_Processors.toFront();
        }

    }
}

sample.fxml

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.Pane?>

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
   <children>
      <Pane fx:id="pnl_GraphicCard" layoutX="317.0" prefHeight="400.0" prefWidth="284.0" style="-fx-background-color: red;" />
      <Pane fx:id="pnl_Processors" layoutX="317.0" prefHeight="400.0" prefWidth="284.0" style="-fx-background-color: blue;" />
      <Pane fx:id="pnl_All" layoutX="317.0" prefHeight="400.0" prefWidth="284.0" style="-fx-background-color: green;" />
      <Button fx:id="btn_GraphicCard" layoutX="43.0" layoutY="59.0" mnemonicParsing="false" onAction="#buttonClicked" text="Processors" />
      <Button fx:id="btn_Processors" layoutX="43.0" layoutY="96.0" mnemonicParsing="false" onAction="#buttonClicked" text="GraphicCard" />
      <Button fx:id="btn_All" layoutX="43.0" layoutY="27.0" mnemonicParsing="false" onAction="#buttonClicked" text="All" />
   </children>
</AnchorPane>

style.css

.button:active{
    -fx-text-fill: red;
}

Answer 1

Необходимая вам функциональность - это именно то, для чего ToggleButton и ToggleGroup предназначены:

Ti, реализуйте ее, измените Buttons на ToggleButtons:

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.ToggleButton?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.Pane?>

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" 
prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.141" 
xmlns:fx="http://javafx.com/fxml/1"  fx:controller="src.tests.xml.Controller">
   <children>
      <Pane fx:id="pnl_GraphicCard" layoutX="317.0" prefHeight="400.0" prefWidth="284.0" style="-fx-background-color: red;" />
      <Pane fx:id="pnl_Processors" layoutX="317.0" prefHeight="400.0" prefWidth="284.0" style="-fx-background-color: blue;" />
      <Pane fx:id="pnl_All" layoutX="317.0" prefHeight="400.0" prefWidth="284.0" style="-fx-background-color: green;" />
      <ToggleButton fx:id="btn_GraphicCard" layoutX="43.0" layoutY="59.0" mnemonicParsing="false" onAction="#buttonClicked" text="Processors" />
      <ToggleButton fx:id="btn_Processors" layoutX="43.0" layoutY="96.0" mnemonicParsing="false" onAction="#buttonClicked" text="GraphicCard" />
      <ToggleButton fx:id="btn_All" layoutX="43.0" layoutY="27.0" mnemonicParsing="false" onAction="#buttonClicked" text="All" />
   </children>
</AnchorPane>

Исоздать группу, чтобы можно было выбрать только одну:

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.ToggleButton;
import javafx.scene.control.ToggleGroup;
import javafx.scene.layout.Pane;

public class Controller implements Initializable{

    @FXML
    private Pane pnl_GraphicCard,pnl_Processors,pnl_All;

    @FXML
    private ToggleButton btn_GraphicCard,btn_Processors,btn_All;

    @Override
    public void initialize(URL location, ResourceBundle resources) {

        ToggleGroup bg = new ToggleGroup();
        bg.getToggles().addAll( btn_GraphicCard,btn_Processors,btn_All);
    }

    @FXML
    void buttonClicked(ActionEvent event) {
        if(event.getSource() == btn_All) {
            pnl_All.toFront();
        }
        else if(event.getSource() == btn_GraphicCard) {
            pnl_GraphicCard.toFront();
        }
        else if(event.getSource() == btn_Processors){
            pnl_Processors.toFront();
        }
    }
}