Question

我在分组中遇到问题，javafx。我的计划是在Rectangle上绘制ImageView来裁剪Image。通过鼠标按压和鼠标释放获得坐标。当我将组放在GridPane布局中时，矩形不会在正确的位置绘制。

我的计划

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);
    }
}

我的输出截图是

My output Screenshot is

但矩形应该在imageView

中

Answer 1

<强> USAGE

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

你看到了屏幕截图吗？你的一些计算是不必要的，在MouseEvent中运行所有内容都会为你付出艰苦的努力。

忘记GridPane并在裁剪时使用绝对坐标，GridPane将改变位置，因为它被迫遵守onLayout()中的布局规则使用{{1}之类的人然后将它们包含在Pane中，然后将它们放入HBox中，就像她一样简单而美好......

图片在线，我妹妹很受欢迎：）

码

ScrollPane

希望有所帮助

在Group容器中裁剪ImageView的图像 - Javafx

1 个答案: