如何在Java中将图像转换为形状？

Question

我目前正在从事一个股票市场项目，教学生如何与股票市场互动。我现在正在研究的一个问题围绕着效率和记忆力的问题。我在Adobe illustrator中制作了所有2D图标（例如设置图标，投资组合图标等），我将这些文件导出为png文件，并将它们放入我的程序中。我目前使用 JavaFX，JavaFX 的一个功能是所谓的图像视图，这是一种处理图像打开和查看的方法。

假设用户想在游戏中按下设置图标，当用户悬停在该图标上时，我想将设置图标更改为更暗或更浅的颜色，以便为用户提供更好的用户体验（用户体验）目前，我使用两个不同的图像并从框架中删除一个，并用另一个替换它，这是非常低效的。

我知道JavaFX有一个Shape类，它继承了许多方法，如Fill或setFill，但这些方法只能影响Shape类的方法。

我的问题是，“如何将导入到项目中的图像转换为可以使用setFill和Fill on等方法的图像？”

Answer 1

如果您只想进行一些基本的更改，如使图标变暗或变亮，您可以查看javaFx的效果部分，您可以在此处阅读，或者您可以按照注释中的建议将图像导入为SVG

如果您计划使用效果，可以通过将亮度值设置为负值（ColorAdjust中的亮度范围介于-1和1之间，其中0为默认值），使用ColorAdjust效果实现悬停变暗效果，如下例所示

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.effect.ColorAdjust;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class Main extends Application {
    @Override
    public void start(Stage s) {
        ImageView image = new ImageView(new Image("img.png"));

        ColorAdjust darker = new ColorAdjust();
        darker.setBrightness(-.3);

        image.setOnMouseEntered(e-> {
            image.setEffect(darker);
        });

        image.setOnMouseExited(e-> {
            image.setEffect(null);
        });

        s.setScene(new Scene(new StackPane(image)));
        s.show();
    }

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

更改图像的颜色可能需要使用ColorAdJust通过设置色调值来调整色调

ColorAdjust hueShift = new ColorAdjust();
hueShift.setHue(-.3);

image.setOnMouseEntered(e-> {
    image.setEffect(hueShift);
});

image.setOnMouseExited(e-> {
    image.setEffect(null);
});

您可以通过将效果设置为其他效果的输入来组合效果，因此例如，如果您想使节点变暗并同时模糊它，您可以将模糊效果设置为变暗颜色的输入调整

GaussianBlur blur = new GaussianBlur();
blur.setRadius(10);

ColorAdjust darker = new ColorAdjust();
darker.setBrightness(-.3);

darker.setInput(blur);

image.setOnMouseEntered(e-> {
    image.setEffect(darker);
});

image.setOnMouseExited(e-> {
    image.setEffect(null);
});