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() {
			
			@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,并获取这个WriteableImagepixelWriter


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


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


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


下面大家看看效果截图:



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


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

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

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


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

你可能感兴趣的:(JavaFX示例--简易图片处理工具)