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

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

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

  示例地址: 点击

  如下图所示:

  

  

  这只是一个简易的图片处理示例，我们可以对图片进行明暗度 饱和度 灰度 颜色反转等处理。 然后保存在本地。同样的，我们可以拖动图片到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() {

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

         darker.setOnAction(new EventHandler() {

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

         gray.setOnAction(new EventHandler() {

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

         invert.setOnAction(new EventHandler() {

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

         saturate.setOnAction(new EventHandler() {

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

         desaturate.setOnAction(new EventHandler() {

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

         recover.setOnAction(new EventHandler() {

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

         export.setOnAction(new EventHandler() {

             @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() {

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

         imageView.setOnDragDropped(new EventHandler() {

             @Override
             public void handle(DragEvent event) {
                 Dragboard dragboard = event.getDragboard();
                 List 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，并获取这个WriteableImage的pixelWriter。

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

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

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

 下面大家看看效果截图:

  

  

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

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

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

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

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