У меня есть 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;
}




Функциональность, которая вам нужна, точно соответствует тому, для чего предназначены ToggleButton и ToggleGroup:
Чтобы реализовать это, измените свой 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();
}
}
}
«Таким образом, несколько кнопок отображаются как нажатые» - если вы применили опубликованный код, в любой момент времени выбирается только кнопка один. Если это не так, у вас может быть проблема с инициализацией группы переключения (не упомянул implements Initializable?)
Я прошу прощения за доставленные неудобства. Забыл extends Большое спасибо!
@ c0der лучший: D
Мы потеряли здесь контакт. Но всякий раз, когда я смотрю на ваши ответы по любым возникающим у меня вопросам, я вижу, насколько вы были полезны мне и моему заявлению.
Скорее всего, это было бы проще сделать, используя группу
ToggleButtonиToggleGroup. Затем вы можете использовать псевдоклассToggleButtonselectedв своем файле CSS.