JavaFX示例--简易图片处理工具

时间:2021-09-22 20:49:02
  

 声明:   本博客文章原创类别的均为个人原创,版权所有。转载请注明出处: http://blog.csdn.net/ml3947,另外本人的个人博客:http://www.wjfxgame.com


 在JavaFX中,大概是2.2之后的版本中,新增加了像素处理的相关类。这就意味着我们可以做一些图片处理的事。


  还是老样子,大家可以先看看示例。支持拖动本地图片到程序中进行处理。


  示例地址: 点击


  如下图所示:


  JavaFX示例--简易图片处理工具

  

  这只是一个简易的图片处理示例,我们可以对图片进行明暗度 饱和度 灰度 颜色反转等处理。 然后保存在本地。同样的,我们可以拖动图片到ImageView中进行处理。


 JavaFX中的拖动教程已有写过。大家可以去看看。

 

  首先我们要知道在JavaFX中进行图像像素处理需要使用的几个类。


 PixelReader和PixelWriter,顾名思义。这两个是像素读取和像素写入的类。需要注意的是,我们只能从JavaFX的Image中读取像素,而像素写入,必须要对WritableImage进行操作。


 WritableImage是一个可写入像素的Image。通常我们可以从Image中读取像素,然后创建一个同样大小的WritableImage,然后将读取的像素进行处理,再写入到WritableImage中。


 总的来说,还是很简单的。


  另外,JavaFX中的Color,自己就附带了简单的颜色处理的方法。我们可以直接使用,来进行一般的颜色处理。例如: Color.brighter(), 可以让颜色更加明亮。 Color.invert(),可以让颜色进行反转。


  下面大家来看看示例代码:

  

public class MainClass extends Application {
private ImageView imageView;
private Image image;
private WritableImage wImage;
private FileChooser fileChooser;
@Override
public void start(final Stage primaryStage) {
StackPane stackPane = new StackPane();
Scene scene = new Scene(stackPane);

VBox mVBox = new VBox(20);
HBox mButtonsBox = new HBox(10);
mButtonsBox.setAlignment(Pos.CENTER);

Button bright = new Button("明亮");
Button darker = new Button("深暗");
Button gray = new Button("灰度处理");
Button invert = new Button("颜色反转");
Button saturate = new Button("增加饱和度");
Button desaturate = new Button("减少饱和度");
Button recover = new Button("还原图片");
Button export = new Button("导出");

fileChooser = new FileChooser();
fileChooser.getExtensionFilters().add(new ExtensionFilter("图片文件", "*.png","*.jpg", "*.bmp", "*.gif"));
bright.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
pixWithImage(0);
}
});

darker.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
pixWithImage(1);
}
});

gray.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
pixWithImage(2);
}
});

invert.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
pixWithImage(3);
}
});

saturate.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
pixWithImage(4);
}
});

desaturate.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
pixWithImage(5);
}
});

recover.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
imageView.setImage(image);
}
});

export.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
File file = fileChooser.showSaveDialog(primaryStage.getOwner());
if (file != null) {
try {
ImageIO.write(SwingFXUtils.fromFXImage(wImage, null), "png", file);
} catch (IOException e) {
e.printStackTrace();
}
}
}
});

mButtonsBox.getChildren().addAll(bright,darker,gray,invert,saturate,desaturate,recover,export);
image = new Image("res/test.jpg");
imageView = new ImageView(image);
imageView.setSmooth(true);
imageView.setOnDragOver(new EventHandler<DragEvent>() {

@Override
public void handle(DragEvent event) {
if(event.getGestureSource() != imageView){
event.acceptTransferModes(TransferMode.ANY);
}
}
});

imageView.setOnDragDropped(new EventHandler<DragEvent>() {

@Override
public void handle(DragEvent event) {
Dragboard dragboard = event.getDragboard();
List<File> files = dragboard.getFiles();
if(files.size() == 1){
File file = files.get(0);
try {
image = new Image(new FileInputStream(file));
imageView.setImage(image);
} catch (FileNotFoundException e) {
e.printStackTrace();
}
}
}
});

mVBox.getChildren().addAll(mButtonsBox, imageView);
stackPane.getChildren().add(mVBox);

primaryStage.setTitle("JavaFX示例--简易图片处理工具");
primaryStage.setScene(scene);
primaryStage.setWidth(600);
primaryStage.setHeight(500);
primaryStage.show();
}

private void pixWithImage(int type){
PixelReader pixelReader = imageView.getImage().getPixelReader();
// Create WritableImage
wImage = new WritableImage(
(int)image.getWidth(),
(int)image.getHeight());
PixelWriter pixelWriter = wImage.getPixelWriter();

for(int y = 0; y < image.getHeight(); y++){
for(int x = 0; x < image.getWidth(); x++){
Color color = pixelReader.getColor(x, y);
switch (type) {
case 0:
color = color.brighter();
break;
case 1:
color = color.darker();
break;
case 2:
color = color.grayscale();
break;
case 3:
color = color.invert();
break;
case 4:
color = color.saturate();
break;
case 5:
color = color.desaturate();
break;
default:
break;
}
pixelWriter.setColor(x, y, color);
}
}
imageView.setImage(wImage);
}

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

  

  由于比较简单,我们在这里只用一个主类来进行。


  界面上只是一个VBox,上面是一排按钮的HBox,下面是一个ImageView


  pixWithImage(int type)是一个按照类型来进行颜色处理的方法。大家可以看到,我们首先通过Image来获取pixelReader。然后,创建一个同等大小的WriteableImage,并获取这个WriteableImagepixelWriter


 我们通过一个双层for循环遍历原始Image的像素,然后对每个像素进行处理之后,通过PixelWriter写入到WriteableImage中,最后将新的Image显示到ImageView里。


  其他的代码都是很基础的,就不做过多解释了。


 不过这里有一个很重要的类SwingFXUtils,它可以将Swing中的Image和JavaFX中的Image进行转换,这样对以前的Java图形程序的移植提供了很大的方便。


 下面大家看看效果截图:

  JavaFX示例--简易图片处理工具


  JavaFX示例--简易图片处理工具


   转载请注明出处: http://blog.csdn.net/ml3947


-------------------------------------------------------------------------------------------------------------------------

  JavaFX在国外目前讨论的还比较火热,相反在国内,却是关注的人不多。实在令人汗颜。其实本人工作一直在进行Android开发,即使随便写写文章访问量也应该会很大,但我并不想做那种太多人都在做的事。所以一直在坚持的JavaFX相关的研究和写教程。

  不过本人马上要从现在的Android项目,跳到Unity3D项目去了。以后可能会新增加一些Unity3D的教程。因为本人对3D的兴趣还是很大的。


-------------------------------------------------------------------------------------------