Question

我有一个问题。我正在创建一个应用程序，其中弧长度发生变化，我想要在边框内部使用该弧，但是当我更改弧的长度时，它将居中，因此它看起来不像是一个被填充的圆。实际上我需要的是一个弧并计算它的位置（边框的中心）的最大长度（360）。有人可以帮我解决这个问题吗？非常感谢你。

Answer 1

在BorderPane（或StackPane）内部，根据形状的边界框（左上角，中间，底部等）完成对齐。因此，弧的中心点将移动，不会给你想要的效果。

相反，将弧放在AnchorPane中（如果要使用BorderPane，请将AnchorPane放入BorderPane的区域（左，右，中心等））。这将固定弧的中心点，即使你改变弧长并给你一个圆圈的效果充满了增加的弧长。

Answer 2

创建一个组。在组中放置一个矩形（整个圆的大小）（例如，矩形的高度和宽度设置为圆的直径），然后将圆弧添加到组中，将圆弧布局位置设置为圆的半径。将组放在StackPane中，以便固定大小的组将在可调整大小的区域中居中。将StackPane放在BorderPane的中心。将StackPane的最小大小设置为零，以使其大小小于Group，使Group保持居中并在其可见边界内剪切。在BorderPane的底部添加一些控件，以便您可以动态控制弧的长度。

arcimage

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.*;
import javafx.scene.control.Slider;
import javafx.scene.layout.*;
import javafx.scene.paint.Color;
import javafx.scene.shape.*;
import javafx.stage.Stage;

public class ArcControl extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        CenteredArc centeredArc = new CenteredArc();
        ArcControls arcControls = new ArcControls(centeredArc.getArc());

        BorderPane layout = new BorderPane();
        layout.setCenter(centeredArc.getArcPane());
        layout.setBottom(arcControls.getControlPane());

        stage.setScene(new Scene(layout));
        stage.show();
    }

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

class CenteredArc {
    private static final double INSET = 10;

    private static final double ARC_RADIUS = 100;
    private static final double INITIAL_ARC_LENGTH  = 60;
    private static final double ARC_STROKE_WIDTH = 10;
    private static final double ARC_REGION_SIZE =
            ARC_RADIUS * 2 + ARC_STROKE_WIDTH + INSET * 2;

    private final Arc arc;
    private final Pane arcPane;

    public CenteredArc() {
        // Create the arc.
        arc = new Arc(
                ARC_REGION_SIZE / 2, ARC_REGION_SIZE / 2,
                ARC_RADIUS, ARC_RADIUS,
                0,
                INITIAL_ARC_LENGTH
        );
        arc.setStrokeWidth(10);
        arc.setStrokeLineCap(StrokeLineCap.ROUND);
        arc.setStroke(Color.FORESTGREEN);
        arc.setFill(Color.POWDERBLUE);

        // Create a background fill on which the arc will be centered.
        // The paint of the background fill can be set to Color.TRANSPARENT
        // if you don't want the fill to be seen.
        final double fillSize = ARC_RADIUS * 2 + arc.getStrokeWidth() + INSET * 2;
        Rectangle fill = new Rectangle(fillSize, fillSize, Color.PINK);

        // Place the fill and the arc in the group.
        // The Group will be a fixed sized matching the fill size.
        Group centeredArcGroup = new Group(fill, arc);

        // place the arc group in a StackPane so it is centered in a resizable region.
        arcPane = new StackPane(centeredArcGroup);
        arcPane.setPadding(new Insets(INSET));
        arcPane.setMinSize(0, 0);
        arcPane.setStyle("-fx-background-color: papayawhip;");
    }

    public Arc getArc() {
        return arc;
    }

    public Pane getArcPane() {
        return arcPane;
    }
}

// helper class which can use a slider to control an arc.
class ArcControls {
    private static final double INSET = 10;

    private final Slider slider;
    private final VBox controlPane;

    public ArcControls(Arc arc) {
        slider = new Slider(0, 360, arc.getLength());
        controlPane = new VBox(
                slider
        );
        controlPane.setPadding(
                new Insets(INSET)
        );
        controlPane.setStyle(
                "-fx-background-color: palegreen;"
        );

        arc.lengthProperty().bind(slider.valueProperty());
    }

    public Slider getSlider() {
        return slider;
    }

    public VBox getControlPane() {
        return controlPane;
    }
}

JavaFX将边框中的可调整大小的弧放在中心

2 个答案: