javafx 设置 ImageView圆角

原创

mob649e815bbe69 2024-05-07 05:22:54 ©著作权

文章标签 圆角 JavaFX Image 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者mob649e815bbe69的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用JavaFX设置ImageView圆角

在JavaFX中，我们经常需要在界面上展示图片，而有时候我们需要对这些图片进行一些特殊的处理，比如将图片设置成圆角。本文将介绍如何使用JavaFX来设置ImageView的圆角效果。

设置圆角效果

在JavaFX中，我们可以通过设置ImageView的裁剪区域来实现圆角效果。具体步骤如下：

创建一个ImageView对象并加载图片：

// 创建一个ImageView对象
ImageView imageView = new ImageView();
// 加载图片
Image image = new Image("path/to/image.jpg");
imageView.setImage(image);

创建一个裁剪区域对象并设置圆角半径：

// 创建一个裁剪区域对象
Rectangle clip = new Rectangle(imageView.getFitWidth(), imageView.getFitHeight());
// 设置圆角半径
clip.setArcWidth(20);
clip.setArcHeight(20);

将裁剪区域应用到ImageView对象上：

imageView.setClip(clip);

设置ImageView的大小和裁剪方式：

// 设置ImageView的大小
imageView.setFitWidth(200);
imageView.setFitHeight(200);
// 设置裁剪方式
imageView.setPreserveRatio(true);

完整示例

下面是一个完整的示例代码，演示了如何将一个ImageView设置成带有圆角效果的图片：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class RoundedImageViewExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        // 创建一个ImageView对象
        ImageView imageView = new ImageView();
        // 加载图片
        Image image = new Image("path/to/image.jpg");
        imageView.setImage(image);

        // 创建一个裁剪区域对象
        Rectangle clip = new Rectangle(imageView.getFitWidth(), imageView.getFitHeight());
        // 设置圆角半径
        clip.setArcWidth(20);
        clip.setArcHeight(20);

        // 将裁剪区域应用到ImageView对象上
        imageView.setClip(clip);

        // 设置ImageView的大小和裁剪方式
        imageView.setFitWidth(200);
        imageView.setFitHeight(200);
        imageView.setPreserveRatio(true);

        // 创建一个StackPane布局并将ImageView添加到其中
        StackPane root = new StackPane();
        root.getChildren().add(imageView);

        // 创建一个Scene对象并将StackPane添加到其中
        Scene scene = new Scene(root, 400, 400);

        // 设置舞台的标题和场景，并显示舞台
        primaryStage.setTitle("Rounded ImageView Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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