Question

我正在使用Eclipse和Java（JavaFX）

我有一个GridPane和一个带标签的数组。我在GridPane的每一行和每一行添加了一个Label。

GridPane grid = new GridPane();
Label lbs[] = new Label[20*20];

当我将鼠标悬停在标签上时，我想要发生一些事情。让我们说背景应该改变。

如果我有一个没有数组的标签，它就会像这样工作：

lbs.setOnMouseEntered(new EventHandler<MouseEvent>() {
          @Override
          public void handle(MouseEvent e) {
              lbs.setStyle("-fx-background-color:BLACK;");

          }
        });

但是由于它是一个标签数组，它以红色突出显示上面的整个代码块，并给出了以下错误消息： 无法在数组类型Label []

上调用setOnMouseEntered（new EventHandler（）{}）

唯一可行的方法是：

lbs[1].setOnMouseEntered(new EventHandler<MouseEvent>() {
     @Override
     public void handle(MouseEvent e) {
      lbs[1].setStyle("-fx-background-color:BLACK;");

     }
   });

但我不想为所有标签做这件事。我希望应该有一种更简单的方式。

我该怎么做才能让它发挥作用？我是这个论坛的新手。我的教授向我建议，因此我希望我能以适当的方式在这里添加代码。

以下是我的全部代码：

    package application;

import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;


public class Main extends Application {
@Override
public void start(Stage primaryStage) {
    try {
        GridPane grid = new GridPane();

         Scene scene = new Scene(grid, (20 * 20), (20 * 20));
        scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.show();    
        Label lbs[] = new Label[20*20];


        grid.setGridLinesVisible(true);

         for (int i = 0; i < lbs.length; i++) {
                lbs[i]=new Label();
         }

         int count = 0;
         for (int x = 0; x < lbs.length/20; x++){
                for (int y = 0; y < lbs.length/20; y++){
                    grid.add(lbs[count], x, y);
                    count++;
                }
            }

for(int i = 0; i < 20; i++) {
ColumnConstraints column = new ColumnConstraints(20);
grid.getColumnConstraints().add(column);

}

for(int i = 0; i < 20; i++) {
RowConstraints row = new RowConstraints(20);
grid.getRowConstraints().add(row);
}

    } catch(Exception e) {
        e.printStackTrace();
    }
}

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

}

这是我的CSS文件，以防万一重要帮助解决这个问题：

GridPane {
    -fx-background-color: white ;


    -fx-grid-lines-visible: true;
    -fx-border-color: black 
}

    Label {
          -fx-pref-height: 20;
              -fx-pref-width: 20;
        -fx-background-color: green ;
        -fx-font-size: 11pt;
        -fx-font-family: "Segoe UI Semibold";
        -fx-text-fill: Black;
        -fx-opacity: 0.6;

    }

Answer 1

在创建时，只需在每个标签上设置处理程序：

 for (int i = 0; i < lbs.length; i++) {
        Label label = new Label();
        label.setOnMouseEntered(e -> label.setStyle("-fx-background-color:BLACK;"));
        lbs[i]=label;
 }

如果您最终得到更复杂的东西，那么将标签的创建重构为单独的方法可能会有所帮助;

for (int i = 0 ; i < lbs.length; i++) {
    lbs[i] = createLabel(i);
}

和

private Label createLabel(int index) {
    Label label = new Label();
    label.setOnMouseEntered(e -> {
        label.setStyle("-fx-background-color: black;");
        // other things you need to do when the mouse hovers....
    });
    // other label configuration...
    return label ;
}

Answer 2

不将事件句柄分配给标签数组，而是分配给该数组中的每个标签。数组不是GUI元素，因此您无法将其悬停。

TweenLite.to(myDiv, 2, {scrollTo:{y:400, autoKill:false}, ease:Power2.easeOut});

JavaFX - 如何将事件句柄分配给标签数组？

2 个答案: