首页 / JAVA / 如何制作Javafx图像裁剪应用程序

如何制作Javafx图像裁剪应用程序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何制作Javafx图像裁剪应用程序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7496字，纯文字阅读大概需要11分钟。

内容图文

我正在为同事构建一个应用程序来裁剪图像.
我在场景生成器中使用FXML来构建GUI.用户单击按钮从他的计算机中选择图像.然后,图像显示在GUI中.用户可以在窗格中缩放和移动.最后,单击一个按钮将编辑后的图像保存到他的计算机上.但是,我真的不知道应该使用哪个库来构建应用程序.这是我第一次处理图形.我不知道如何阅读图像,裁剪图像和写图像. Javafx Canvas for Pane？除了java doc之外还有什么好的资源可以学习如何做到这一点？

解决方法:

您的问题太多,无法在StackOverflow上得到解答.我建议你先阅读official Oracle documentation about JavaFX.

但是,由于这是一个有趣的话题,这里是代码中的答案.

您需要考虑以下几点：

>使用ImageView作为容器
>如果图像较大,请使用ScrollPane
>提供选择机制
>裁剪图像本身
>将图像保存到文件,提供文件选择器对话框

这就是它.在下面的示例中,使用鼠标左键进行选择,使用鼠标右键选择裁剪上下文菜单,然后在选择边界处获取ImageView节点的快照,然后将图像保存到文件中.

import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;

import javafx.application.Application;
import javafx.embed.swing.SwingFXUtils;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Bounds;
import javafx.geometry.Rectangle2D;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.SnapshotParameters;
import javafx.scene.control.ContextMenu;
import javafx.scene.control.MenuItem;
import javafx.scene.control.ScrollPane;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.image.WritableImage;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.StrokeLineCap;
import javafx.stage.FileChooser;
import javafx.stage.Stage;

import javax.imageio.ImageIO;


/**
 * Load image, provide rectangle for rubberband selection. Press right mouse button for "crop" context menu which then crops the image at the selection rectangle and saves it as jpg.
 */
public class ImageCropWithRubberBand extends Application {

    RubberBandSelection rubberBandSelection;
    ImageView imageView;

    Stage primaryStage;

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

    @Override
    public void start(Stage primaryStage) {

        this.primaryStage = primaryStage;

        primaryStage.setTitle("Image Crop");

        BorderPane root = new BorderPane();

        // container for image layers
        ScrollPane scrollPane = new ScrollPane();

        // image layer: a group of images
        Group imageLayer = new Group(); 

        // load the image
//      Image image = new Image( getClass().getResource( "cat.jpg").toExternalForm());
        Image image = new Image("https://upload.wikimedia.org/wikipedia/commons/thumb/1/14/Gatto_europeo4.jpg/1024px-Gatto_europeo4.jpg");

        // the container for the image as a javafx node
        imageView = new ImageView( image);

        // add image to layer
        imageLayer.getChildren().add( imageView);

        // use scrollpane for image view in case the image is large
        scrollPane.setContent(imageLayer);

        // put scrollpane in scene
        root.setCenter(scrollPane);

        // rubberband selection
        rubberBandSelection = new RubberBandSelection(imageLayer);

        // create context menu and menu items
        ContextMenu contextMenu = new ContextMenu();

        MenuItem cropMenuItem = new MenuItem("Crop");
        cropMenuItem.setOnAction(new EventHandler<ActionEvent>() {
            public void handle(ActionEvent e) {

                // get bounds for image crop
                Bounds selectionBounds = rubberBandSelection.getBounds();

                // show bounds info
                System.out.println( "Selected area: " + selectionBounds);

                // crop the image
                crop( selectionBounds);

            }
        });
        contextMenu.getItems().add( cropMenuItem);

        // set context menu on image layer
        imageLayer.setOnMousePressed(new EventHandler<MouseEvent>() {
            @Override
            public void handle(MouseEvent event) {
                if (event.isSecondaryButtonDown()) {
                    contextMenu.show(imageLayer, event.getScreenX(), event.getScreenY());
                }
            }
        });

        primaryStage.setScene(new Scene(root, 1024, 768));
        primaryStage.show();
    }

    private void crop( Bounds bounds) {

        FileChooser fileChooser = new FileChooser();
        fileChooser.setTitle("Save Image");

        File file = fileChooser.showSaveDialog( primaryStage);
        if (file == null)
            return;

        int width = (int) bounds.getWidth();
        int height = (int) bounds.getHeight();

        SnapshotParameters parameters = new SnapshotParameters();
        parameters.setFill(Color.TRANSPARENT);
        parameters.setViewport(new Rectangle2D( bounds.getMinX(), bounds.getMinY(), width, height));

        WritableImage wi = new WritableImage( width, height);
        imageView.snapshot(parameters, wi);

        // save image 
        // !!! has bug because of transparency (use approach below) !!!
        // --------------------------------
//        try {
//          ImageIO.write(SwingFXUtils.fromFXImage( wi, null), "jpg", file);
//      } catch (IOException e) {
//          e.printStackTrace();
//      }


        // save image (without alpha)
        // --------------------------------
        BufferedImage bufImageARGB = SwingFXUtils.fromFXImage(wi, null);
        BufferedImage bufImageRGB = new BufferedImage(bufImageARGB.getWidth(), bufImageARGB.getHeight(), BufferedImage.OPAQUE);

        Graphics2D graphics = bufImageRGB.createGraphics();
        graphics.drawImage(bufImageARGB, 0, 0, null);

        try {

            ImageIO.write(bufImageRGB, "jpg", file); 

            System.out.println( "Image saved to " + file.getAbsolutePath());

        } catch (IOException e) {
            e.printStackTrace();
        }

        graphics.dispose();

    }

    /**
     * Drag rectangle with mouse cursor in order to get selection bounds
     */
    public static class RubberBandSelection {

        final DragContext dragContext = new DragContext();
        Rectangle rect = new Rectangle();

        Group group;


        public Bounds getBounds() {
            return rect.getBoundsInParent();
        }

        public RubberBandSelection( Group group) {

            this.group = group;

            rect = new Rectangle( 0,0,0,0);
            rect.setStroke(Color.BLUE);
            rect.setStrokeWidth(1);
            rect.setStrokeLineCap(StrokeLineCap.ROUND);
            rect.setFill(Color.LIGHTBLUE.deriveColor(0, 1.2, 1, 0.6));

            group.addEventHandler(MouseEvent.MOUSE_PRESSED, onm ousePressedEventHandler);
            group.addEventHandler(MouseEvent.MOUSE_DRAGGED, onm ouseDraggedEventHandler);
            group.addEventHandler(MouseEvent.MOUSE_RELEASED, onm ouseReleasedEventHandler);

        }

        EventHandler<MouseEvent> onm ousePressedEventHandler = new EventHandler<MouseEvent>() {

            @Override
            public void handle(MouseEvent event) {

                if( event.isSecondaryButtonDown())
                    return;

                // remove old rect
                rect.setX(0);
                rect.setY(0);
                rect.setWidth(0);
                rect.setHeight(0);

                group.getChildren().remove( rect);


                // prepare new drag operation
                dragContext.mouseAnchorX = event.getX();
                dragContext.mouseAnchorY = event.getY();

                rect.setX(dragContext.mouseAnchorX);
                rect.setY(dragContext.mouseAnchorY);
                rect.setWidth(0);
                rect.setHeight(0);

                group.getChildren().add( rect);

            }
        };

        EventHandler<MouseEvent> onm ouseDraggedEventHandler = new EventHandler<MouseEvent>() {

            @Override
            public void handle(MouseEvent event) {

                if( event.isSecondaryButtonDown())
                    return;

                double offsetX = event.getX() - dragContext.mouseAnchorX;
                double offsetY = event.getY() - dragContext.mouseAnchorY;

                if( offsetX > 0)
                    rect.setWidth( offsetX);
                else {
                    rect.setX(event.getX());
                    rect.setWidth(dragContext.mouseAnchorX - rect.getX());
                }

                if( offsetY > 0) {
                    rect.setHeight( offsetY);
                } else {
                    rect.setY(event.getY());
                    rect.setHeight(dragContext.mouseAnchorY - rect.getY());
                }
            }
        };


        EventHandler<MouseEvent> onm ouseReleasedEventHandler = new EventHandler<MouseEvent>() {

            @Override
            public void handle(MouseEvent event) {

                if( event.isSecondaryButtonDown())
                    return;

                // remove rectangle
                // note: we want to keep the ruuberband selection for the cropping => code is just commented out
                /*
                rect.setX(0);
                rect.setY(0);
                rect.setWidth(0);
                rect.setHeight(0);

                group.getChildren().remove( rect);
                */

            }
        };
        private static final class DragContext {

            public double mouseAnchorX;
            public double mouseAnchorY;


        }
    }
}

截图：

裁剪后的图片：

内容总结

以上是互联网集市为您收集整理的如何制作Javafx图像裁剪应用程序全部内容，希望文章能够帮你解决如何制作Javafx图像裁剪应用程序所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/761462.html

来源：【匿名】

【上一篇】JavaWeb总结(一)【下一篇】JAVA/JSP学习系列之五

更多 ►

【如何制作Javafx图像裁剪应用程序】教程文章相关的互联网学习教程文章

JavaFX编程第三小题源代码【代码】【图】

package javaseniorprograme;import javafx.application.Application; import javafx.event.EventHandler; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.control.Label; import javafx.scene.control.Slider; import javafx.scene.input.MouseEvent; import javafx.scene.layout.BorderPane; import javafx.scene.layout.HBo...

javafx checkbox【代码】

publicclass EffectTest extends Application { publicstaticvoid main(String[] args) {launch(args);}@Overridepublicvoid start(Stage stage) {Scene scene = new Scene(new Group());stage.setTitle("Tooltip Sample");stage.setWidth(300);stage.setHeight(150);final CheckBox cb = new CheckBox("checkBox");final Tooltip tooltip = new Tooltip("$ tooltip");tooltip.setFont(new Font("Arial", 16));cb.setTooltip(toolt...

JavaFx系列(一) Dialog中的Diolog置頂【代码】【图】

假設DialogA內有一個DialogB，想要讓DialogB置頂在DialogA中就必須做些設定，如果沒有設定DialogB就可能會因為使用者點擊DialogA或是RootWindow而失去焦點因此在設定上DialogA要給DialogB一個owner，DialogB要設定initModalityDialogA.java//給dialogB的ownerDialogB t=new DialogB(this);public void showDialogB(){t.show();} DialogB.java//Dialog B public DialogTable(Stage owner) { //省略initModality(Modality.APPLICATIO...

javafx DragDropped file【代码】

publicclass EffectTest extends Application { @Overridepublicvoid start(Stage primaryStage) {Group root = new Group();Scene scene = new Scene(root, 551, 400);scene.setOnDragOver((DragEvent event) -> {Dragboard db = event.getDragboard();if (db.hasFiles()) {event.acceptTransferModes(TransferMode.COPY);} else {event.consume();}});// Dropping over surfacescene.setOnDragDropped((DragEvent event) -> {Dra...

将JavaFX运行到Android上【图】

本人在之前的博客中提到过很多次，目前已经有一些自发的项目，来使JavaFX运行到Android上面。不过惭愧的是，我也是研究了一会儿，今天才真正打包到手机上运行的。下面先看一些手机上运行的效果，由本人手机截图的: 对JavaFX有些研究的人，肯定会知道这个是JavaFX官方的示例Ensemble。由于这个示例比较的大，在手机上加载的时间还有点长，不过我第二次加载会觉得快很多。但是整体运行良好，个别示例有稍微的布局问题。TextFiel...

JavaFx的一些总结

JavaFX的一些总结:1、场景scene、布局layout、控件control是javaFX的基本组成部分。控件可以放到布局中，布局可以放到布局中，也可以放到场景中，这里要注意，场景里只能放一个布局，多个布局的话只会默认识别最后一个布局。如果添加多个布局，虽然页面可以显示完整，但是所添加的事件就没有反应。2、配置文件除了国际化文件，图片，样式文件外，一律添加到外部文件夹中，尽量不要打包在可执行jar文件中，因为一旦打包进去，程序将...

JavaFX打包到Android上【图】

让JavaFX运行到移动平台一直是社区努力完成的事。当然，目前已经可以让JavaFX运行到Android和IOS平台了，下面我们来看看如何打包自己的JavaFX项目到Android平台。首先下载下面这个示例: http://pan.baidu.com/s/1bnwIYrP 这个示例是我从打包官方示例的例子里修改而来，用于打包一个简单的JavaFX程序。示例结构如下：由目录结构可以看到，示例是采用gradle来构建的。gradle也是国外非常火的自动化构建工具。在第一次打包的...

JavaFx：3、初步认识stage窗口【代码】

package fx.com;import javafx.application.Application; import javafx.beans.value.ChangeListener; import javafx.beans.value.ObservableValue; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.image.Image; import javafx.stage.Stage;public class Main extends Application {public static void main(String[] args) {launch(args);}@Overridepublic void start(Stage primaryStage) throws E...

打包JavaFX11桌面应用程序【代码】【图】

打包JavaFX11桌面应用程序这是JavaFX系列的第二弹，第一弹在这里在第一弹中，我们使用的是OpenJDK8，但是OpenJDK8和Oracle Java JDK不一样，它没有内置JavaFX模块，需要自己引入，而使用Oracle版的JDK直接import就好了。但是到了java11的时候无论是OpenJDK还是Oracle版都已经把JavaFX剥离开来了，javaFX现在由OpenJFX项目维护和更新。第一弹中我使用的是OpenJDK8,后来想想，还是要顺应时代发展潮流，所以在这里转为使用OpenJDK11了...

javafx for android or ios ?

javafx是否支持android 或者 ios这是一个令人感兴趣的话题.google一番，发现有可行方案：1. javafx on android:两种方案：（事实上差点儿相同）1.有位大神已经编译好javafx on android执行环境dalvik-sdk，只是仅仅支持jdk7的特性。大神博客地址：http://java.dzone.com/articles/javafx-and-androiddalvik-sdk地址：https://bitbucket.org/javafxports/android/wiki/Home2.自己编译open javafx for android : https://blogs.ora...

JavaFX FileChooser文件选择器，缓存上一次打开的目录【代码】【图】

例1：点击按钮Choose File打开文件选择器，并打开指定的目录。这是通过final void setInitialDirectory(final File value)方法实现的。 1 import java.io.File;2 3 import javafx.application.Application;4 import javafx.event.ActionEvent;5 import javafx.event.EventHandler;6 import javafx.geometry.Insets;7 import javafx.geometry.Pos;8 import javafx.scene.Scene;9 import javafx.scene.control.Button; 10 import jav...

在JavaFX中将SLF4J日志重定向到TextArea【代码】

我想在JavaFX中的TextArea中显示由SLF4J记录的错误.到目前为止我所拥有的是logback-test.xml中的一个appender：<appender name="err" class="logtest.AppTA"><filter class="logtest.ErrFilter" /><encoder><pattern>%-4relative [%thread] %-5level %logger{35} - %msg%n</pattern></encoder> </appender>TextArea准备好接收流：public class Output extends OutputStream{private final TextArea ta;public Output(TextArea ta) ...

JavaFX Canvas多线程应使用哪种方法？【代码】

我正在编写一个JavaFX应用程序,该应用程序在套接字上接收数据点并实时可视化它们.问题在于JavaFX渲染太慢.我有一个运行速度足够快的Swing实现,但是我需要改用JavaFX. 我正在研究的约束是： >可视化控件只能由JavaFX应用程序线程更新(我相信这对于所有JavaFX和Swing应用程序都是必需的).>应该从人眼的角度平滑更新可视化效果.每秒大约10次更新就足够了.每秒一次是不够的.>传入数据速率足够高(每秒约50个事件,在其他情况下不是那么高...

JavaFX：CSS下拉菜单未出现在Netbeans IDE中

我一直在关注Oracle网站上有关JavaFX的教程,并且已经开始将CSS用于GUI的样式和规则.我最近遇到的一件事是,在Netbeans中使用CSS编辑器时,似乎没有一个可能更改的属性(通过使用ctrl空间)更改的下拉列表.我在主线Java编程中几乎所有内容都使用了ctrl空间,而CSS编辑器却有点缺少它,有什么办法可以从CSS编辑器中获得这种功能？解决方法:JavaFX CSS的自动完成功能适用于NetBeans. 屏幕截图屏幕快照是使用NetBeans 7.4并在NetBeans JavaF...

使用CSS来美化你的javafx滚动条_html/css_WEB-ITnose

ScrollBar parts CSS information In the above picture there are four main part of ScrollBar . increment thumb track decrement Now in this post we are going to just play with only these four style class and at the right of the image above there are some of the events like hover(focus), pressed(mouse pressed) , horizontal(Horizontal specific ScrollBar CSS class) and vertical (Vertical s...

首页 / JAVA / 如何制作Javafx图像裁剪应用程序

如何制作Javafx图像裁剪应用程序

内容导读

内容图文

内容总结

内容备注

内容手机端

【如何制作Javafx图像裁剪应用程序】教程文章相关的互联网学习教程文章

JavaFX编程第三小题源代码【代码】【图】

javafx checkbox【代码】

JavaFx系列(一) Dialog中的Diolog置頂【代码】【图】

javafx DragDropped file【代码】

将JavaFX运行到Android上【图】

JavaFx的一些总结

JavaFX打包到Android上【图】

JavaFx：3、初步认识stage窗口【代码】

打包JavaFX11桌面应用程序【代码】【图】

javafx for android or ios ?

JavaFX FileChooser文件选择器，缓存上一次打开的目录【代码】【图】

在JavaFX中将SLF4J日志重定向到TextArea【代码】

JavaFX Canvas多线程应使用哪种方法？【代码】

JavaFX：CSS下拉菜单未出现在Netbeans IDE中

使用CSS来美化你的javafx滚动条_html/css_WEB-ITnose

JAVAFX - 相关标签

应用程序 - 相关标签

JAVA - 技术教程分类

JAVA - 最新教程

JAVA - 最热教程