java - 正确设置文本大小(以像素为单位)
问题描述
我在设置文本大小时遇到问题。尽管我在这里找到了一种计算方法,但计算仍然不准确,如本例所示。
import java.awt.Toolkit;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class TextHeight extends javafx.application.Application {
@Override
public void start(Stage stage) {
var text = new Text("EXAMPLE");
var fontSize = 100 * Toolkit.getDefaultToolkit().getScreenResolution() / 72.0;
text.setFont(Font.loadFont(getClass().getResourceAsStream("GT Pressura Mono Regular Regular.ttf"), fontSize));
text.setFill(Color.BLUE);
text.setX(0);
text.setY(100);
var pane = new Pane(text, new Rectangle(500, 0, 10, 100));
stage.setScene(new Scene(pane, 600, 120));
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
我现在根本不想解决文本的位置。只是字体的高度不是100px,而是94px左右。
尺寸计算有问题吗?还是和字体有关?(我在这里下载的)还是其他地方的问题?
请帮忙
谢谢
解决方案
正如评论中所指出的(带有指向真正出色的字体度量讨论的链接),字体的大小不是其大写字母的高度。
可能(我有兴趣看到其他建议)实现您想要的最佳方法是定义一个自定义Region
来保存您的文本节点,该节点会覆盖layoutChildren()
以调整字体大小,以便高度适合区域的大小。
几个实现说明:
Text.setBoundsType()
确定如何测量文本的边界。默认值为LOGICAL
,它基于字体的度量,而不是实际呈现的文本。我认为你在这里想要的是VISUAL
界限。- 这种实现是内容偏向于垂直的;这意味着它的宽度取决于它的高度。一旦知道高度,就会计算字体大小,并将首选宽度计算为文本的宽度。
这有点有限(没有多行文本等),但如果你想要更复杂的东西,应该给你一个起点。
public class TextPane extends Region {
private final Text text ;
public TextPane(Text text) {
this.text = text ;
getChildren().add(text);
}
@Override
protected void layoutChildren() {
adjustFontSize(getHeight());
text.setY(getHeight());
text.setX(0);
}
private void adjustFontSize(double height) {
double textHeight = text.getBoundsInLocal().getHeight();
if (Math.abs(height - textHeight) > 1) {
Font currentFont = text.getFont() ;
double fontSize = currentFont.getSize() ;
text.setFont(Font.font(currentFont.getFamily(), height * fontSize / textHeight));
}
}
@Override
protected double computePrefWidth(double height) {
adjustFontSize(height);
return text.getBoundsInLocal().getWidth();
}
@Override
public Orientation getContentBias() {
return Orientation.VERTICAL;
}
}
这是一个示例,通过将文本窗格的高度固定为100
:
public class TextHeight extends javafx.application.Application {
@Override
public void start(Stage stage) {
Text text = new Text("EXAMPLE");
text.setBoundsType(TextBoundsType.VISUAL);
text.setTextOrigin(VPos.BOTTOM);
text.setFill(Color.BLUE);
TextPane textPane = new TextPane(text);
textPane.setMinHeight(100);
textPane.setMaxHeight(100);
Pane root = new Pane(textPane, new Rectangle(620, 0, 10, 100));
stage.setScene(new Scene(root, 700, 120));
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
如果文本有带下降的字形(例如,如果您更改"EXAMPLE"
为"Example"
,则p
下降低于基线),文本的总高度将包括下降:
这是一个使用文本窗格作为根节点的示例(因此它始终与场景大小相同)。更改窗口大小将导致文本自动更新以垂直填充场景:
public class TextHeight extends javafx.application.Application {
@Override
public void start(Stage stage) {
Text text = new Text("Example");
text.setBoundsType(TextBoundsType.VISUAL);
text.setTextOrigin(VPos.BOTTOM);
text.setFill(Color.BLUE);
TextPane textPane = new TextPane(text);
textPane.setPrefHeight(100);
stage.setScene(new Scene(textPane));
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
推荐阅读
- generics - Kotlin 中的可选泛型参数
- bash - 如何在 for 循环中合并条件以根据文件日期创建文件夹名称
- c++ - 使用字符串作为 unordered_map 中的键的 C++ 未定义引用“_Hash_bytes”错误
- php - 为什么bootstrap中的everythink都包裹在锚标签中?
- javascript - 用于在选项卡之间导航的浏览器后退/下一个按钮
- macos - 如何更改 MacOS QuickLook 在预览字体文件(ttf、otf 等)时显示的字符列表
- c - 根据另一个变量的低n位设置一个变量的位
- r - 如何将计数总列添加到R中的数据框
- c - C中的一条语句中的递增和递减运算符
- c++ - 是否可以在头文件中包含向量?