JavaFX - TextFlow 中的下标和上标文本

Question

我一直在尝试在 JavaFX 中获取简单的富文本：我希望获得连续文本，其中某些字符为粗体、下标或上标。这在普通的 Text 或 Label 类中是不可能的。我尝试过WebView但没有成功，因为虽然它会显示这样的文本，但它的大小不适合其内容，因此占据了屏幕的不可控制的大部分。

现在我正在尝试使用TextFlow. 我可以成功地将Text对象链接在一起，其中一些可以加粗。然而，下标和上标被证明更加困难。下标可以通过减小字体大小来模拟，但是上标需要该Text对象高于其他对象。我找不到执行此操作的方法：TextFlow特别忽略Text对象的翻译属性，并且我无法覆盖getBaselineOffset()有Text问题的问题，因为它是最终的。

我是否必须将Texts 放入 HBox 中？JavaFX 真的不支持这个吗？我想做的事情并不复杂；令人难以置信的是，没有对下标和上标的本机支持。

import javafx.scene.text.Text;
import javafx.scene.text.TextAlignment;
import javafx.scene.text.TextFlow;

import java.util.LinkedList;
import java.util.List;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

public final class TextFlowBuilder
{
private static final String BOLD = "<b>";
private static final String UN_BOLD = "</b>";

private static final String SUPERSCRIPT = "<sup>";
private static final String UN_SUPERSCRIPT = "</sup>";

private static final String SUBSCRIPT = "<sub>";
private static final String UN_SUBSCRIPT = "</sub>";

private static final Pattern NOT_JUST_WHITESPACE = Pattern.compile("\\S");
private static final Pattern CHARACTER_CODE = Pattern.compile("&#(\\d+);");

public static TextFlow htmlToTextFlow(final String html, final int fontSize, final TextAlignment alignment)
{
    final String[] split = html.split("(?<=>)|(?=<)");  //Split before and after tags, splitting it into a series of tags and tag contents.
    final List<Text> texts = new LinkedList<>();

    boolean b = false;
    boolean sup = false;
    boolean sub = false;

    for (String segment : split)
    {
        switch (segment)
        {
            case BOLD:
                b = true;
                break;
            case UN_BOLD:
                b = false;
                break;
            case SUPERSCRIPT:
                sup = true;
                break;
            case UN_SUPERSCRIPT:
                sup = false;
                break;
            case SUBSCRIPT:
                sub = true;
                break;
            case UN_SUBSCRIPT:
                sub = false;
                break;

            default:
                //Add as text if string is not a tag, and is more than just whitespace.
                if (segment.length() > 0
                        && NOT_JUST_WHITESPACE.matcher(segment).find()
                        && !segment.startsWith("<"))
                {
                    final Matcher m = CHARACTER_CODE.matcher(segment);
                    while (m.find())
                    {
                        final String specialChar = Character.toString((char)Integer.parseInt(m.group(1)));
                        segment = m.replaceFirst(specialChar);
                    }

                    final Text t = new Text(segment);
                    String style = "";
                    if (b)
                        style += "-fx-font-weight: bold; ";
                    if (sup)
                    {
                        style += String.format("-fx-font-size: %f.3; ", fontSize/1.75);
                        //Need to move text to above the rest
                    }
                    else if (sub)
                    {
                        style += String.format("-fx-font-size: %f.3; ", fontSize/1.75);
                    }
                    else
                    {
                        style += String.format("-fx-font-size: %d; ", fontSize);
                    }
                    t.setStyle(style);
                    texts.add(t);
                }
        }
    }

    final Text[] textsAsArray = new Text[texts.size()];
    final TextFlow tf = new TextFlow(texts.toArray(textsAsArray));
    tf.setTextAlignment(alignment);
    return tf;
    }
}

Answer 1

使用-fx-translate-y 您可以控制文本上下 您还可以使用 RichTextFX，它可用于创建具有不同样式并支持上标和下标的可编辑文本区域