Question

我在窗格中缩放了一个节点。但是Pane的布局考虑了边界而没有任何转换。我希望它考虑到转换后的界限。

例如：

enter image description here

代码：

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.shape.Circle;
import javafx.scene.transform.Scale;
import javafx.scene.transform.Translate;
import javafx.stage.Stage;

public class HBoxApp extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
        public void start(Stage stage) throws Exception {
            double scale = 0.75;

            HBox box1 = createBox();
            box1.getChildren().add(new Circle(20));
            box1.getChildren().add(new Label("Test without any scale"));

            HBox box2 = createBox();
            Circle c2 = new Circle(20);
            c2.setScaleX(scale);
            c2.setScaleY(scale);
            box2.getChildren().add(c2);
            box2.getChildren().add(new Label("Test with the setScaleX/Y methods"));

            HBox box3 = createBox();
            Circle c3 = new Circle(20);
            c3.getTransforms().add(new Scale(scale, scale));
            box3.getChildren().add(c3);
            box3.getChildren().add(new Label("Test with the Scale transform"));

            HBox box4 = createBox();
            Circle c4 = new Circle(20);
            c4.getTransforms().addAll(new Scale(scale, scale), new Translate(-20*(1-scale), 0));
            box4.getChildren().add(c4);
            box4.getChildren().add(new Label("Test with the Scale and Translate transform"));

            HBox box5 = createBox();
            box5.getChildren().add(new Circle(20 * scale));
            box5.getChildren().add(new Label("My Goal"));

            VBox vBox = new VBox(10);
            vBox.getChildren().addAll(box1, box2, box4, box5);
            stage.setScene(new Scene(vBox, 300, 200));
            stage.show();
        }

    private HBox createBox() {
        HBox box = new HBox(5);
        box.setAlignment(Pos.CENTER_LEFT);
        return box;
    }
}

解决方案可能是在圆圈和标签上应用翻译，但这种做法似乎太难以做到这么简单，使用Pane（HBox）似乎比使用带有硬编码布局的基本Group。

Answer 1

我在帖子JavaFX1.2: Understanding Bounds中找到了答案：

如果您希望layoutBounds匹配节点的物理边界（包括效果，剪辑和变换），请将其包装在一个组中（例如，如果您希望节点在鼠标悬停时向上扩展，并且您希望它为了给放大的节点腾出空间，邻居们会掠过它们。。

为了解决我的问题，我写道：

...
HBox box5 = createBox();
Circle c5 = new Circle(20);
c5.setScaleX(scale);
c5.setScaleY(scale);
box5.getChildren().add(new Group(c5));
box5.getChildren().add(new Label("Test with the Scale transform and a group"));
...

我得到了预期的结果。

Answer 2

如果在调用舞台的show方法后更改设置layoutX和layoutY属性，则可以达到相同的效果。

  ... 
  stage.show();
  c2.setLayoutX(c2.getLayoutX()-c2.getRadius()*(1-c2.getScaleX()));
}

或翻译它：

c2.getTransforms().add(new Translate(-c2.getRadius()*(1-c2.getScaleX()), 0));
//Replace getScaleX() with scale for c3

由于缩放不改变节点的宽度（检查Node.getLayoutBounds()）。

使用转换边界的布局

2 个答案: