javafx - 在 javafx 中为 imageview 设置效果

Question

我创建了一个框架，里面有一些图片。我想在我glow effect的button's 中添加一个scence，这样'mouse over'button的前景会变得更亮。

这是我的FXML文档：

public class FrameController implements Initializable {
@FXML
private GridPane album;
ImageView im;

/**
 * Initializes the controller class.
 */
@Override
public void initialize(URL url, ResourceBundle rb) {
    // TODO
}    

@FXML
private void mouseEntered(MouseEvent event) {
    System.out.println(event.getSource());
    im = (ImageView) event.getSource();
    Glow selectGlow = new Glow(1.7f);
    im.setOnMouseEntered(new EventHandler<MouseEvent>() {
    
    @Override
    public void handle(MouseEvent event) {
    im.setEffect(selectGlow);
    }
    });
}

}

但我有两个问题：

1）它很慢，有时当我在图片上时似乎没有调用鼠标处理程序，因为效果没有改变

2）鼠标进入图片区域时不知道应该用什么效果让图片变暗

Answer 1

性能取决于效果。如果你真的只想改变亮度，你可以像这样使用ColorAdjust：

public class ImageTest extends Application {

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

    @Override
    public void start(Stage primaryStage) {

        primaryStage.setTitle("Hello World!");

        Group root = new Group();

        Image image = new Image("http://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Siberischer_tiger_de_edit02.jpg/320px-Siberischer_tiger_de_edit02.jpg");


        GridPane gridPane = new GridPane();

        gridPane.add(createImageView( image), 0,0);
        gridPane.add(createImageView( image), 1,0);
        gridPane.add(createImageView( image), 0,1);
        gridPane.add(createImageView( image), 1,1);


        root.getChildren().add( gridPane);

        primaryStage.setScene(new Scene(root, 800, 600));
        primaryStage.show();
    }

    private ImageView createImageView( Image image) {

        ImageView imageView = new ImageView(image);

        ColorAdjust colorAdjust = new ColorAdjust();
        colorAdjust.setBrightness(-0.5);

        imageView.addEventFilter(MouseEvent.MOUSE_ENTERED, e -> {

            imageView.setEffect(colorAdjust);

        });
        imageView.addEventFilter(MouseEvent.MOUSE_EXITED, e -> {
            imageView.setEffect(null);
        });

        return imageView;
    }
}