我有 3 个按钮来显示不同的面板。
如果我按下按钮 btn_All
pnl_All
也应该出现,等等。
好吧,我想让用户知道他在哪里。
如果他按下 btn_All
面板 pnl_All
应该另外出现,按钮应该添加特定类别的 CSS。
有人知道我该怎么做吗?
您可以通过代码将 CSS 类添加到按钮,但我必须将它们从按钮中删除,所以我觉得这个选项非常麻烦。
主.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();
}
}
}
示例.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>
样式.css
.button:active{
-fx-text-fill: red;
}
最佳答案
您需要的功能正是 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();
}
}
}
关于java - 向用户显示他点击了哪个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50781718/