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

  

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

 在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<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，并获取这个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的兴趣还是很大的。

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