Question

这是一个简单的程序，我写的是在圆形矩形背景上的舞台上有一个按钮。

package definitive_guide;

import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.Toolkit;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.SceneBuilder;
import javafx.scene.control.Button;
import javafx.scene.control.ButtonBuilder;
import javafx.scene.layout.Region;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.StackPaneBuilder;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.RectangleBuilder;
import javafx.scene.text.Font;
import javafx.stage.Stage;

public class SingleButton extends Application {
    Button btn;
    Scene scene;
    StackPane stack;
    Rectangle roundedRectangle;

    @Override
    public void start(Stage stage) throws Exception {
        btn = ButtonBuilder
                .create()
                .font(Font.font("DejaVu Sans Mono",22))
                .text("Hello World")
                .build();

        roundedRectangle = RectangleBuilder
                .create()
                .width(300)
                .height(300)
                .arcHeight(150)
                .arcWidth(200)
                .fill(Color.rgb(128, 128, 128))
                .build();

        stack = StackPaneBuilder
                .create()
                .children(roundedRectangle , btn)
                .build();
        stack.setMaxSize(Region.USE_PREF_SIZE, Region.USE_PREF_SIZE);

        scene = SceneBuilder
                .create()
                .root(stack)
                .build();

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


    }


    public static void main(String[] args) {
        Application.launch("definitive_guide.SingleButton.java");
    }

}

现在，手动输入矩形的长度，宽度和弧的值。所以，他们不是动态的。

我希望能够根据文本的大小加上一些填充来设置其大小，以便在不同分辨率的设备上保持一致的外观和感觉。
在Swing中，FontMetrics很方便，但我不知道在JavaFX中该怎么做。

我该怎么做？

Answer 1

如果你真的关心Text，请试试这个：

final Text text = new Text("Click me");
text.setFont(Font.font("DejaVu Sans Mono", 42));

text.setOnMouseClicked(new EventHandler<MouseEvent>() {
    @Override
    public void handle(MouseEvent event) {
        // set with long text
        text.setText("Hello Sun, Hello Galaxy, Hello Space!");
    }
});

text.layoutBoundsProperty().addListener(new ChangeListener<Bounds>() {
    @Override
    public void changed(ObservableValue<? extends Bounds> observable, Bounds oldValue, Bounds newValue) {
        if(oldValue.getHeight() != newValue.getHeight() || oldValue.getWidth()!= newValue.getWidth()) {
            roundedRectangle.setWidth(newValue.getWidth() + 100);
            roundedRectangle.setHeight(newValue.getHeight() + 30);
        }
    }
});

否则，如果您感兴趣的是按钮文本，则可以直接尝试绑定到按钮：

roundedRectangle.widthProperty().bind(btn.widthProperty().add(100));
roundedRectangle.heightProperty().bind(btn.heightProperty().add(30));

弧宽和高度值也是可绑定的：

roundedRectangle.arcHeightProperty()
roundedRectangle.arcWidthProperty()

测量JavaFX中的文本长度

1 个答案: