JavaFx 文本呈现在根节点边界之外

Question

我一直在玩JavaFx，并试图掌握2D和3D实现的差异。现在，我一直在将2D元素应用于3D环境。形状似乎在设置的位置（根节点的边界内或外部）都呈现良好。但是，任何类型的文本都不喜欢在根节点的边界之外呈现。（我尝试过使用标签和文本字段）。有没有办法让文本呈现在根节点之外？

下面的示例在根节点的边界上设置一个红色方块和一个包含文本“测试标签”的标签。正如您将看到的那样，边界不会影响红色方块，但会影响文本。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.PerspectiveCamera;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class TreeRoot extends Application {

@Override
public void start(Stage stage) throws Exception {
  Rectangle square = new Rectangle();
  square.setWidth(50);
  square.setHeight(50);
  square.setLayoutX(20);
  square.setLayoutY(20);
  square.setStyle("-fx-fill: red;");

  Group sceneRoot = new Group();

  Scene scene = new Scene(sceneRoot);
  PerspectiveCamera camera = new PerspectiveCamera(true);
  camera.setNearClip(0.1);
  camera.setFarClip(10000);
  camera.setTranslateZ(-1000);
  scene.setCamera(camera);

  stage.setScene(scene);
  stage.show();

  Label label = new Label("Test label");
  label
    .setStyle("-fx-font: 100px Tahoma;-fx-fill: linear-gradient(from 0% 0% to 100% 200%, repeat,    aqua 0%, red 50%);-fx-stroke: white; -fx-stroke-width: 1;");
label.setTranslateX(-100);
square.setTranslateX(-50);
sceneRoot.getChildren().add(square);
sceneRoot.getChildren().add(label);
}

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

Answer 1

这是我使用的代码，与您的代码稍作更改以澄清问题（StackPane而不是Group和一些彩色背景）：

@Override
public void start(Stage stage) {
    Label txtH1 = new Label("Test Label");
    txtH1.setStyle("-fx-font: 60px Tahoma; -fx-text-fill: green;");
    txtH1.setTranslateY(-120);
    txtH1.setTranslateX(-240);

    Label txtH2 = new Label("Test Label Rotated");
    txtH2.setStyle("-fx-font: 60px Tahoma; -fx-text-fill: blue;");
    txtH2.setTranslateX(-240);
    txtH2.setRotate(0.001);

    Rectangle square = new Rectangle();
    square.setWidth(50);
    square.setHeight(50);
    square.setStyle("-fx-fill: red;");

    StackPane sceneRoot = new StackPane();
    sceneRoot.setStyle(("-fx-background-color: yellow;"));
    sceneRoot.getChildren().add(txtH1);
    sceneRoot.getChildren().add(txtH2);
    sceneRoot.getChildren().add(square);
    square.setTranslateY(-200);
    square.setTranslateX(-400);

    Scene scene = new Scene(sceneRoot,Color.GREENYELLOW);
    PerspectiveCamera camera = new PerspectiveCamera(true);
    camera.setNearClip(0.1);
    camera.setFarClip(10000);
    camera.setTranslateZ(-1000);
    scene.setCamera(camera);

    stage.setScene(scene);
    stage.show();
}

令我惊讶的是，我发现了这个：

如您所见，绿色标签在左侧修剪，但不在顶部，并且仅修剪完整字符。而带有非常轻微旋转的蓝色标签根本不会被修剪。

我的猜测是，有某种代码处理修剪字符时，尽可能保持可见区域内的东西...不扩展到其他节点。

您是否尝试过ParallelCamera？标签和形状都将在根节点内修剪，即使在任何时候都可以正确切割字符和形状。