裁剪组容器中ImageView的图像-Javafx

裁剪组容器中ImageView的图像-Javafx,java,javafx-2,javafx-8,gridpane,Java,Javafx 2,Javafx 8,Gridpane,我在分组方面有个问题,javafx。我的程序是在ImageView上绘制一个矩形,用于裁剪图像。通过按下鼠标和释放鼠标获得坐标。当我将组放入GridPanelayout时,矩形没有画在正确的位置 我的节目是 package application; import java.awt.Dimension; import java.awt.Toolkit; import java.io.File; import java.io.IOException; import javax.imageio.Im

我在分组方面有个问题,javafx。我的程序是在
ImageView
上绘制一个
矩形
,用于裁剪
图像
。通过按下鼠标和释放鼠标获得坐标。当我将组放入
GridPane
layout时,矩形没有画在正确的位置

我的节目是

package application;

import java.awt.Dimension;
import java.awt.Toolkit;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javafx.application.Application;
import javafx.embed.swing.SwingFXUtils;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.SnapshotParameters;
import javafx.scene.control.Button;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.image.PixelReader;
import javafx.scene.image.WritableImage;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;


public class Main extends Application {
     double x1,y1,x2,y2;
     int ulx,uly,w,h;
     String filename;
     @Override
     public void start(Stage primaryStage) {
         try {
            GridPane grid = new GridPane(); 
           //grid.setAlignment(Pos.TOP_LEFT); 
            grid.setHgap(20); 
            grid.setVgap(10); 
            grid.setPadding(new Insets(0, 10, 10, 10));

            Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
            double width = screenSize.getWidth() - 100;
            double height = screenSize.getHeight()- 100;
            double panelWidth = (width)/2 - 50;
            double panelHeight = (9*panelWidth)/16;
            double panelX = width-panelWidth-50-20;
            double panelY = 0.0;

             Rectangle rectangle = new Rectangle();
             BorderPane root = new BorderPane();
             Scene scene = new Scene(grid,width,height);
             scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());

             File imagePath1 = new File("plugins\\image\\car.jpg");
             Image image1 = new Image(imagePath1.toURI().toString());
             ImageView imageView1 = new ImageView();
             imageView1.setId("imageView");
             imageView1.setImage(image1);
             imageView1.setFitWidth(panelWidth);
             imageView1.setFitHeight(panelHeight);
             imageView1.setPreserveRatio(false);
             imageView1.setSmooth(true);
             imageView1.setCache(true);


             File imagePath = new File("plugins\\image\\car.jpg");
             Image image = new Image(imagePath.toURI().toString());
             ImageView imageView = new ImageView();
             imageView.setId("imageView");        
             imageView.setImage(image);
             imageView.setFitWidth(panelWidth);
             imageView.setFitHeight(panelHeight);
             imageView.setPreserveRatio(false);
             imageView.setSmooth(true);
             imageView.setCache(true);

             imageView.setOnMousePressed(new EventHandler <MouseEvent>()
                {
                    public void handle(MouseEvent event)
                    {
                        imageView.setMouseTransparent(true);
                        x1 = event.getSceneX() ;
                        y1 = event.getSceneY();
                        System.out.println(x1+" "+y1);
                        event.setDragDetect(true);
                    }
                });

             imageView.setOnMouseDragged(new EventHandler<MouseEvent>() {
                    @Override
                    public void handle(MouseEvent event) {
                        // TODO Auto-generated method stub
                        double tx1=x1,ty1=y1,tx2=0,ty2=0;
                        double tempX=0,tempY=0;

                        if(event.getSceneX()<panelX || event.getSceneX()>(panelX+panelWidth) || event.getSceneY()<0 || event.getSceneY()>(panelY+panelHeight)){
                            if(event.getSceneX()<panelX){
                                tempX = 0;
                                tempY = event.getSceneY();
                            }
                            else if(event.getSceneX()>(panelX+panelWidth)){
                                tempX = panelX+panelWidth;
                                tempY = event.getSceneY();
                            }
                            if(event.getSceneY()<panelY){
                                tempX = event.getSceneX();
                                tempY = 0;
                            }
                            else if(event.getSceneY()>(panelY+panelHeight)){
                                tempX = event.getSceneX();
                                tempY = panelY+panelHeight;
                            }
                        }
                        else{
                            tempX = event.getSceneX();
                            tempY = event.getSceneY();
                        }

                        if(tempX<tx1 && tempY<ty1){
                            tx2 = tx1;
                            tx1 = tempX;
                            ty2 = ty1;
                            ty1 = tempY;                            
                        }
                        else if(tempX<tx1 && tempY>ty1){
                            tx2 = tx1;
                            tx1 = tempX;
                            ty2 = tempY;
                        }
                        else if(tempX>tx1 && tempY<ty1){
                            tx2 = tempX;
                            ty2 = ty1;
                            ty1 = tempY;
                        }
                        else if(tempX>tx1 && tempY>ty1){
                            tx2 = tempX;
                            ty2 = tempY;    
                        }

                        ulx = (int)tx1;
                        uly = (int)ty1;
                        w =(int) (tx2-tx1);
                        h = (int)(ty2-ty1);
                        rectangle.setX(ulx);
                        rectangle.setY(uly);
                        rectangle.setWidth(w);
                        rectangle.setHeight(h);
                        rectangle.setFill(Color.TRANSPARENT);
                        rectangle.setStroke(Color.WHITE);
                        rectangle.setStrokeWidth(2);
                        rectangle.getStrokeDashArray().addAll(7d, 5d);  
                    }
                });

             imageView.setOnMouseReleased(new EventHandler <MouseEvent>()
                {
                    public void handle(MouseEvent event)
                    {
                        imageView.setMouseTransparent(false);
                        if(event.getSceneX()<x1){
                            x2 = x1;
                            x1 =event.getSceneX();
                        }
                        else{
                            x2 = event.getSceneX();
                        }
                        if(event.getSceneY()<y1){
                            y2 = y1;
                            y1 =event.getSceneY();
                        }
                        else{
                            y2 = event.getSceneY();
                        }

                        ulx = (int)x1;
                        uly = (int)y1;
                        w =(int) (x2-x1);
                        h = (int)(y2-y1);
                        System.out.println(x1+" "+y1+" "+x2+" "+y2+" "+w+" "+h);
                        filename = String.valueOf(x1)+"_"+String.valueOf(y1)+"_"+String.valueOf(w)+"_"+String.valueOf(h);
                        rectangle.setX(ulx);
                        rectangle.setY(uly);
                        rectangle.setWidth(w);
                        rectangle.setHeight(h);
                        rectangle.setFill(Color.TRANSPARENT);
                        rectangle.setStroke(Color.WHITE);
                        rectangle.setStrokeWidth(2);
                        rectangle.getStrokeDashArray().addAll(7d, 5d);
                    }
                });

             Group group = new Group(imageView, rectangle);

             HBox option = new HBox();
             Button save = new Button("SAVE");
             save.setOnAction(new EventHandler<ActionEvent>() {
                    public void handle(ActionEvent e){
                        double x = x1-panelX;
                        double y = y1-panelY;
                        WritableImage image = imageView.snapshot(new SnapshotParameters(), null);
                        PixelReader reader = image.getPixelReader();
                        WritableImage newImage = new WritableImage(reader, (int)(x), (int)(y), w, h);
                            // TODO: probably use a file chooser here
                        filename = String.valueOf(x)+"_"+String.valueOf(y)+"_"+String.valueOf(w)+"_"+String.valueOf(h);
                            File file = new File(filename+".png");
                            try {
                                ImageIO.write(SwingFXUtils.fromFXImage(newImage, null), "png", file);
                            } catch (IOException ec) {
                                // TODO: handle exception here
                            }
                    }
                });

             option.getChildren().add(save);

             root.setLeft(group);

             grid.add(imageView1, 0, 0);
             grid.add(group, 1, 0);
             grid.add(option, 1, 1);


             primaryStage.setScene(scene);
             primaryStage.show();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }
    public static void main(String[] args) {
        launch(args);
    }
}
包应用;
导入java.awt.Dimension;
导入java.awt.Toolkit;
导入java.io.File;
导入java.io.IOException;
导入javax.imageio.imageio;
导入javafx.application.application;
导入javafx.embed.swing.SwingFXUtils;
导入javafx.event.ActionEvent;
导入javafx.event.EventHandler;
导入javafx.geometry.Insets;
导入javafx.scene.Group;
导入javafx.scene.scene;
导入javafx.scene.Snapshot参数;
导入javafx.scene.control.Button;
导入javafx.scene.image.image;
导入javafx.scene.image.ImageView;
导入javafx.scene.image.PixelReader;
导入javafx.scene.image.WritableImage;
导入javafx.scene.input.MouseEvent;
导入javafx.scene.layout.BorderPane;
导入javafx.scene.layout.GridPane;
导入javafx.scene.layout.HBox;
导入javafx.scene.paint.Color;
导入javafx.scene.shape.Rectangle;
导入javafx.stage.stage;
公共类主扩展应用程序{
双x1,y1,x2,y2;
int ulx,uly,w,h;
字符串文件名;
@凌驾
公共无效开始(阶段primaryStage){
试一试{
GridPane grid=新建GridPane();
//网格设置对齐(位置左上方);
网格。setHgap(20);
网格设置间隙(10);
设置填充(新的插入(0,10,10,10));
维度screenSize=Toolkit.getDefaultToolkit().getScreenSize();
双宽度=屏幕大小。getWidth()-100;
双倍高度=屏幕大小。getHeight()-100;
双面板宽度=(宽度)/2-50;
双面板高度=(9*面板宽度)/16;
双面板X=宽度-面板宽度-50-20;
双面板Y=0.0;
矩形=新矩形();
BorderPane根=新的BorderPane();
场景=新场景(网格、宽度、高度);
scene.getStylesheets().add(getClass().getResource(“application.css”).toExternalForm());
File imagePath1=新文件(“plugins\\image\\car.jpg”);
Image image1=新图像(imagePath1.toURI().toString());
ImageView imageView1=新的ImageView();
imageView1.setId(“imageView”);
imageView1.setImage(image1);
imageView1.setFitWidth(面板宽度);
图像视图1.设置安装高度(面板高度);
imageView1.设置保存比率(false);
imageView1.setSmooth(真);
imageView1.setCache(true);
File imagePath=新文件(“plugins\\image\\car.jpg”);
Image Image=新图像(imagePath.toURI().toString());
ImageView ImageView=新的ImageView();
setId(“imageView”);
设置图像(图像);
imageView.setFitWidth(面板宽度);
imageView.setFitHeight(面板高度);
imageView.setPreserveRatio(假);
imageView.setSmooth(真);
setCache(true);
setOnMousePressed(新的EventHandler()
{
公共无效句柄(MouseeEvent事件)
{
imageView.setMouseTransparent(true);
x1=event.getSceneX();
y1=event.getSceneY();
系统输出打印Ln(x1+“”+y1);
event.setDragDetect(true);
}
});
setOnMouseDrawed(新的EventHandler(){
@凌驾
公共无效句柄(MouseeEvent事件){
//TODO自动生成的方法存根
双tx1=x1,ty1=y1,tx2=0,ty2=0;
双tempX=0,tempY=0;
if(event.getSceneX()(panelX+panelWidth)| | event.getSceneY()(panelY+panelHeight)){
if(event.getSceneX()(panelX+panelWidth)){
tempX=面板x+面板宽度;
tempY=event.getSceneY();
}
if(event.getSceneY()(panelY+panelHeight)){
tempX=event.getSceneX();
tempY=面板Y+面板高度;
}
}
否则{
tempX=event.getSceneX();
tempY=event.getSceneY();
}
if(tempXty1){
tx2=温度;
ty2=tempY;
}
ulx=(int)tx1;
uly=(int)ty1;
w=(int)(tx2-tx1);
h=(int)(ty2-ty1);
矩形.setX(ulx);
矩形。setY(uly);
矩形。设置宽度(w);
矩形。设置高度(h);
矩形。设置填充(颜色。透明);
矩形。设定行程(颜色。白色);
矩形。设置行程宽度(2);
rectangle.getStrokeDashArray().addAll(7d,5d);
}
});
setOnMouseReleased(新的EventHandler()
{
公共无效句柄(MouseeEvent事件)
{
imageView.setMouseTransparent(false);
if(event.getSceneX()用法

  • 右键单击以删除裁剪线
  • 双击以剪切图像

public class Main extends Application { final Rectangle rectBound = new Rectangle(0, 0); Random ran = new Random(); @Override public void start(Stage primaryStage) { try { rectBound.setFill(Color.TRANSPARENT); rectBound.setStroke(Color.GOLD); ScrollPane scp = new ScrollPane(); HBox root = new HBox(15); scp.setContent(root); //root.setOrientation(Orientation.HORIZONTAL); Pane imageViewParent = new Pane(); imageViewParent.setStyle("-fx-border-color: black; -fx-border-width: 2;"); ImageView imageView1 = new ImageView(new Image(getUrl(),true)); imageView1.setLayoutX(0.0);imageView1.setLayoutY(0.0); imageViewParent.getChildren().add(imageView1); /////////////////////////////////////////////// imageViewParent.addEventFilter(MouseEvent.ANY, new EventHandler<MouseEvent>() { @Override public void handle(MouseEvent event) { if (event.getEventType() == MouseEvent.MOUSE_PRESSED) { if (rectBound.getParent() == null) { rectBound.setWidth(0.0); rectBound.setHeight(0.0); rectBound.setLayoutX(event.getX()); rectBound.setLayoutY(event.getY()); // setX or setY imageViewParent.getChildren().add(rectBound); } } else if (event.getEventType() == MouseEvent.MOUSE_RELEASED) { } else if (event.getEventType() == MouseEvent.MOUSE_DRAGGED) { rectBound.setWidth(event.getX() - rectBound.getLayoutX()); rectBound.setHeight(event.getY() - rectBound.getLayoutY()); } else if (event.getEventType() == MouseEvent.MOUSE_CLICKED && event.getButton() == MouseButton.SECONDARY) { if (rectBound.getParent() != null) { imageViewParent.getChildren().remove(rectBound); } } else if (event.getEventType() == MouseEvent.MOUSE_CLICKED && event.getButton() == MouseButton.PRIMARY && event.getClickCount() > 1) { //////////////// i crop here ////////////// PixelReader reader = imageView1.getImage().getPixelReader(); WritableImage newImage = new WritableImage(reader, (int) rectBound.getLayoutX(), (int) rectBound.getLayoutY(), (int) rectBound.getWidth(), (int) rectBound.getHeight()); root.getChildren().add(new ImageView(newImage)); } } }); ////////////////////////////////////////////// root.getChildren().add(imageViewParent); Scene scene = new Scene(scp,900,650); primaryStage.setScene(scene); primaryStage.show(); } catch(Exception e) { e.printStackTrace(); } } private String getUrl() { switch (ran.nextInt(4)) { case 1: return "http://6544-presscdn-0-22.pagely.netdna-cdn.com/wp-content/uploads/2013/06/Juliet-Ibrahim2.jpg"; case 4: return "http://6544-presscdn-0-22.pagely.netdna-cdn.com/wp-content/uploads/2016/02/Nadia-Buari.jpg"; case 2: return "http://www.eonlineghana.com/wp-content/uploads/2016/03/1.jpg"; case 3: return "http://fashionpoliceng.com/wp-content/uploads/2015/08/Juliet-Ibrahim-527x600.jpg"; default: return "http://6544-presscdn-0-22.pagely.netdna-cdn.com/wp-content/uploads/2014/04/Juliet-Ibrahim-Foundation-1.jpg"; } } public static void main(String[] args) { launch(args); } }