Question

我想知道是否可以选择性地将父变换应用于javafx中的子节点。

据我所知，在转换节点时，所有节点的子节点也会被转换。

我的问题是：是否可以在子项中禁用父变换的类型，以便在转换父变换时仅传递选择类型的变换。

与此相似：

我想在不旋转文本的情况下旋转组节点，但我希望文本位置能够通过旋转来实现。

希望我已经解释过了。

目前，我只是在转换组时对文本应用相反的旋转，但它已经到了扩展我的场景图使这更复杂的程度。

Answer 1

简而言之，不：组的变换总是传播给它的所有孩子。

但是，我想在这里你只想让文本的rotate属性为该组的rotate属性的负数：

text.rotateProperty().bind(group.rotateProperty().multiply(-1));

由于rotateProperty定义了一个围绕节点中心的旋转，当旋转组时，它（及其所有子节点）将围绕其中心旋转，然后绑定确保文本旋转它的中心位于相反方向。

如果你想要更通用的东西，它会有点棘手。一种可能的方法是观察要保持水平的文本的父级localToSceneTransform。该属性表示将父级坐标映射到场景中坐标的累积变换。然后，您可以在父级的局部坐标空间中取一条水平线，将其转换为场景，并查看它创建的角度。然后，您希望按此角度的负数旋转文本。

这是一个演示：

import java.util.function.Function;

import javafx.application.Application;
import javafx.beans.property.DoubleProperty;
import javafx.geometry.Point2D;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Spinner;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class RotateGroupKeepTextAligned extends Application {   

    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();
        StackPane container = new StackPane();
        Group outer = new Group();
        Rectangle outerRect = new Rectangle(0, 0, 400, 400);
        outerRect.setFill(Color.ANTIQUEWHITE);
        outer.getChildren().add(outerRect);

        Text outerText = new Text(5,  5, "Outer Group");
        Group inner = new Group();
        inner.relocate(10, 25);
        Text innerText = new Text(5, 5, "Inner Group");
        Rectangle rect = new Rectangle(50, 50, 150, 150);
        rect.setFill(Color.CORNFLOWERBLUE);
        Text fixedAlignmentText = new Text(100, 220, "Horizontal Text");

        inner.localToSceneTransformProperty().addListener((obs, oldT, newT) -> {
            // figure overall rotation angle of inner:
            Point2D leftScene = newT.transform(new Point2D(0, 0));
            Point2D rightScene = newT.transform(new Point2D(1, 0));

            double angle = Math.toDegrees(Math.atan2(rightScene.getY() - leftScene.getY(), rightScene.getX() - leftScene.getX()));

            fixedAlignmentText.setRotate(-angle);
        });

        outer.setStyle("-fx-background-color: antiquewhite;");
        outer.getChildren().addAll(outerText, inner);

        inner.setStyle("-fx-background-color: white;");
        inner.getChildren().addAll(innerText, rect, fixedAlignmentText);

        container.getChildren().add(outer);
        root.setCenter(container);

        VBox controls = new VBox(5,
                makeControls("Outer Group", outer),
                makeControls("Inner Group", inner));

        root.setBottom(controls);

        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private Node makeControls(String title, Node node) {
        GridPane grid = new GridPane();

        Label label = new Label(title);
        Spinner<Double> rotateSpinner = new Spinner<>(0, 360, 0, 5);
        node.rotateProperty().bind(rotateSpinner.getValueFactory().valueProperty());
        rotateSpinner.getValueFactory().setWrapAround(true);

        Button up = createTranslateButton(node, Node::translateYProperty, -2, "^");
        Button down = createTranslateButton(node, Node::translateYProperty, 2, "v");
        Button left = createTranslateButton(node, Node::translateXProperty, -2, "<");
        Button right = createTranslateButton(node, Node::translateXProperty, 2, ">");

        grid.add(label, 0, 0, 3, 1);
        grid.add(new Label("Rotation:"), 0, 1, 1 ,2);
        grid.add(rotateSpinner, 1, 1, 1, 2);
        grid.add(up, 3, 1);
        grid.add(down, 3, 2);
        grid.add(left, 2, 1, 1, 2);
        grid.add(right, 4, 1, 1, 2);

        grid.setHgap(5);
        grid.setVgap(5);

        return grid ;
    }

    private Button createTranslateButton(Node node, Function<Node, DoubleProperty> property, double delta, String text) {
        Button button = new Button(text);
        button.setOnAction(e -> {
            DoubleProperty prop = property.apply(node);
            prop.set(prop.get() + delta);
        });
        return button ;
    }

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

Javafx中的选择性子变换

1 个答案: