如何在JavaFX中将图像添加到矩形或圆形内？

Question

假设我们有一个名为r的矩形。

Rectangle r = new Rectangle(40, 20);

以及一张名为image的图片

Image image = new Image("...src for image");

我怎样才能将图像适配到矩形内？另外，如果矩形移动，我怎么让图像随之移动呢？如何对圆做同样的操作？非常感谢提供代码示例。

附言：Jewelsea，我在等你，哈哈！

- Gregg1989

---

可能是ImageView的边框半径和阴影的重复问题。 - jewelsea

Answer 1

如果您想使用图像填充矩形，可以按照以下步骤操作：在您的FXML文件中添加一个圆形

<Rectangle fx:id="imgMenuUser" />

并且在你的控制器中

@FXML
private Rectangle rectangle;
Image img = new Image("/image/rifat.jpg");
rectangle.setFill(new ImagePattern(img));

- K M Rifat ul alom

Answer 2

如何将图像适合矩形内？

将形状和图像放入StackPane中。

另外，如果矩形移动了，我如何使图像也移动？

只需移动StackPane即可。

import javafx.application.Application;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.geometry.Point2D;
import javafx.stage.Stage;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.image.ImageView;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;


public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        try {
            Pane root = new Pane();

            StackPane imageContainer = new StackPane();
            ImageView image = new ImageView(...);
            imageContainer.getChildren().addAll(new Rectangle(64, 48, Color.CORNFLOWERBLUE), image);
            enableDragging(imageContainer);

            root.getChildren().add(imageContainer);

            Scene scene = new Scene(root,800,600);
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }

    private void enableDragging(Node node) {
        final ObjectProperty<Point2D> mouseAnchor = new SimpleObjectProperty<>();
        node.setOnMousePressed( event -> mouseAnchor.set(new Point2D(event.getSceneX(), event.getSceneY())));
        node.setOnMouseDragged( event -> {
            double deltaX = event.getSceneX() - mouseAnchor.get().getX();
            double deltaY = event.getSceneY() - mouseAnchor.get().getY();
            node.relocate(node.getLayoutX()+deltaX, node.getLayoutY()+deltaY);
            mouseAnchor.set(new Point2D(event.getSceneX(), event.getSceneY()));;
        });
    }

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

- James_D