如何在框的每个面添加文本

我创建了一个可以旋转的框，以及在点击时会做什么〜某些动作〜 我遇到的问题是在这个盒子的所有面上显示文字，例如; 正面1个，顶部2个，背面3个，底部4个，左侧5个，右侧6个。

我知道StackPane可以用来覆盖多维数据集顶部的文本框，但我不认为这在这种情况下真的有用。 由于box本质上是一个预构建的TriangleMesh，这可能吗？ 就目前所见，box没有任何内置function来执行此操作。

static double mousePosX; static double mousePosY; static double mouseOldX; static double mouseOldY; public static Scene testScene(Stage stage) { Group root = new Group(); Scene scene = new Scene(root, stage.getWidth(), stage.getHeight(), true, SceneAntialiasing.BALANCED); scene.setFill(Paint.valueOf("Blue")); PerspectiveCamera camera = new PerspectiveCamera(true); camera.setNearClip(0.1); camera.setFarClip(10000.0); camera.setTranslateZ(-10); scene.setCamera(camera); Box box = new Box(1,1,1); box.setOnMouseClicked(e -> { System.out.println("Test"); }); Rotate rotateX = new Rotate(10, 0, 0, 0, Rotate.X_AXIS); Rotate rotateY = new Rotate(5, 0, 0, 0, Rotate.Y_AXIS); box.getTransforms().addAll(rotateX, rotateY); scene.setOnMousePressed(me -> { mouseOldX = me.getSceneX(); mouseOldY = me.getSceneY(); }); scene.setOnMouseDragged(me -> { mousePosX = me.getSceneX(); mousePosY = me.getSceneY(); rotateX.setAngle(rotateX.getAngle() - (mousePosY - mouseOldY)); rotateY.setAngle(rotateY.getAngle() + (mousePosX - mouseOldX)); mouseOldX = mousePosX; mouseOldY = mousePosY; }); root.getChildren().add(box); return scene; } 

这是我到目前为止所获得的代码，非常感谢任何帮助。

Answer 1

此解决方案基于此问题的答案，其中使用来自FXyz 库的CuboidMesh。

主要思想是使用图像作为立方体的纹理。 内置的JavaFX Box会将这个图像应用于6个面中的每一个，所以如果我们想在每个面上都有不同的文本，我们必须使用CuboidMesh ，它利用了网络图像：

多维数据集可以生成为：

 CuboidMesh cuboid = new CuboidMesh(100f, 100f, 100f); cuboid.setTextureModeImage(getClass().getResource("net.png").toExternalForm()); 

现在的想法是在6个面中的每个面上写入文本并保存稍后将使用的纹理图像。

此方法将生成此网络图像：

 private Image generateNet(String face1, String face2, String face3, String face4, String face5, String face6) { GridPane grid = new GridPane(); grid.setAlignment(Pos.CENTER); Label label1 = new Label(face1); label1.setRotate(90); GridPane.setHalignment(label1, HPos.CENTER); Label label2 = new Label(face2); GridPane.setHalignment(label2, HPos.CENTER); Label label3 = new Label(face3); GridPane.setHalignment(label3, HPos.CENTER); Label label4 = new Label(face4); GridPane.setHalignment(label4, HPos.CENTER); Label label5 = new Label(face5); GridPane.setHalignment(label5, HPos.CENTER); Label label6 = new Label(face6); label6.setRotate(90); GridPane.setHalignment(label6, HPos.CENTER); grid.add(label1, 1, 0); grid.add(label2, 0, 1); grid.add(label3, 1, 1); grid.add(label4, 2, 1); grid.add(label5, 3, 1); grid.add(label6, 1, 2); grid.setGridLinesVisible(true); ColumnConstraints col1 = new ColumnConstraints(); col1.setPercentWidth(25); ColumnConstraints col2 = new ColumnConstraints(); col2.setPercentWidth(25); ColumnConstraints col3 = new ColumnConstraints(); col3.setPercentWidth(25); ColumnConstraints col4 = new ColumnConstraints(); col4.setPercentWidth(25); grid.getColumnConstraints().addAll(col1, col2, col3, col4); RowConstraints row1 = new RowConstraints(); row1.setPercentHeight(33.33); RowConstraints row2 = new RowConstraints(); row2.setPercentHeight(33.33); RowConstraints row3 = new RowConstraints(); row3.setPercentHeight(33.33); grid.getRowConstraints().addAll(row1, row2, row3); grid.setPrefSize(600, 450); Scene tmpScene = new Scene(grid); tmpScene.getStylesheets().add(getClass().getResource("style.css").toExternalForm()); return grid.snapshot(null, null); } 

style.css包含的位置：

 .root { -fx-background-color: white; } .label { -fx-font-size: 6em; } 

有了它，可以正确调整标签大小和字体。

现在，您可以为任何文本生成网络图像：

 Image net = generateNet("1", "2", "3", "4", "5", "6"); 

最后，您可以将此纹理应用于长方体：

 PhongMaterial mat = new PhongMaterial(); mat.setDiffuseMap(net); cuboid.setMaterial(mat); 

并且您将应用您的文本：