web-dev-qa-db-ja.com

JavaFxラベルまたはテキストでテキストの一部を太字にする

私のJavaFxアプリケーションでは、1つまたは2つの単語を文全体で太字で表示する必要があります。現在、文はJavaFxラベルとしてレンダリングされていますが、コンポーネントをアップグレードしてもテキストを設定できないため、「Sample」という単語を太字で表示できます。

String s = "This is a <b>Sample</b> sentence"
Label label = new Label(s);

出力

これは サンプル 文

JavaFx Textもこれを許可していません。テキストの一部を太字で表示できるコンポーネントはありますか？

JavaFx WebViewがウィンドウ内の多くの小さな文をレンダリングするのに適しているかどうかはわかりません。

javafxjavafx-2
30
Neil

JavaFX8のTextFlowコンテナを使用できます。その後、その中に異なるスタイルのTextノードを簡単に追加できます。

TextFlow flow = new TextFlow();

Text text1=new Text("Some Text");
text1.setStyle("-fx-font-weight: bold");

Text text2=new Text("Some Text");
text2.setStyle("-fx-font-weight: regular");

flow.getChildren().addAll(text1, text2);

TextFlowコンテナは、コンテンツテキストノードを自動的にラップします。

enter image description here

48
Ernisto

更新：JavaFX 8は、リッチテキストの新しいコントロールを提供します： TextFlow

残念ながら、2.2にはそのような機能はありませんが、次のリリースに含まれる可能性があります。

今のところ、次のアプローチを使用してみてください。

  1. いくつかのLabelまたはTextコンポーネントを持つHBox
  2. WebView
  3. 複数のテキストコンポーネントが描画されたキャンバス
10
Sergey Grinev

前の回答にはFXMLコードが含まれていなかったため、追加のコードを投稿します。

@Ernistoで提案されているように、 Text パーツを含む TextFlow を使用できます。各パーツのスタイルを変えることができます。

FXMLファイルのコンテンツの例：

<TextFlow>
  <Text text="Normal text and "/>
  <Text text="bold text and " style="-fx-font-weight: bold"/>
  <Text text="italic text and " style="-fx-font-style: italic"/>
  <Text text="red text." style="-fx-stroke: red"/>
</TextFlow>

出力：

enter image description here

7
Markus Weninger
public class UtilsDialog {

    private static final String TAG = "UtilsDialog";

    private static boolean sIsShowing = false;

    public static void showDialogShowError(String title, String msg, String defaultStyle,
                                           @Nullable String customStyle, String... styledWords) {
        if (sIsShowing) return;

        Stage dialogStage = new Stage(StageStyle.UTILITY);
        dialogStage.initModality(Modality.APPLICATION_MODAL);
        dialogStage.setWidth(400);
        dialogStage.setHeight(220);

        BorderPane borderPane = new BorderPane();

        borderPane.setPadding(new Insets(15));
        borderPane.setPrefWidth(Integer.MAX_VALUE);
        borderPane.setPrefHeight(Integer.MAX_VALUE);

        Scene scene = new Scene(borderPane);
        dialogStage.setScene(scene);
        sIsShowing = true;
        dialogStage.show();
        UtilsGui.closeOnEsc(borderPane, scene);
        scene.addEventHandler(KeyEvent.KEY_PRESSED, t -> {
            if (t.getCode() == KeyCode.ESCAPE) {
                sIsShowing = false;
            }
        });

        // Top
        Text textTitle = new Text(title);
        textTitle.setStyle("-fx-font-size: 18px;");

        HBox hBoxTop = new HBox(10);
        hBoxTop.getChildren().addAll(textTitle);
        borderPane.setTop(hBoxTop);

        // Center
        TextFlow textFlow = new TextFlow();
        List<String> words = Arrays.asList(msg.split(" "));
        List<String> styledWordsList = Arrays.asList(styledWords);
        for (String Word : words) {
            Text tmpWord = new Text(Word);
            if (styledWordsList.contains(Word
                    .replace(".", "")
                    .replace(",", "")
                    .replace("?", "")
                    .replace("!", "")
                    .replace(";", "")
                    .replace("\n", "")
            )) {

                tmpWord.setStyle(customStyle);
            } else {
                if (defaultStyle == null) {
                    tmpWord.setStyle("");
                } else {
                    tmpWord.setStyle(defaultStyle);
                }
            }
            tmpWord.setText(tmpWord.getText());
            textFlow.getChildren().add(tmpWord);
            textFlow.getChildren().add(new Text(" "));
        }
        Text textMsg = new Text(msg);
        textMsg.setStyle("-fx-font-size: 14px;");
        HBox hBoxInputPane = new HBox(10);
        hBoxInputPane.setAlignment(Pos.CENTER);

        VBox vBoxCenter = new VBox(10);
        vBoxCenter.setPadding(new Insets(25, 0, 15, 0));
        vBoxCenter.getChildren().addAll(textFlow);
        borderPane.setCenter(vBoxCenter);

        JFXButton btnOk = new JFXButton("OK");
        btnOk.setAlignment(Pos.CENTER_RIGHT);
        btnOk.setStyle("-fx-text-fill: WHITE; -fx-background-color: #5264AE; -fx-font-size: 14px;");
        btnOk.setOnAction(event -> {
            sIsShowing = false;
            dialogStage.close();
        });

        // Bottom
        HBox hBoxBottom = new HBox();
        final Pane spacer = new Pane();
        HBox.setHgrow(spacer, Priority.ALWAYS);
        hBoxBottom.getChildren().addAll(spacer, btnOk);
        borderPane.setBottom(hBoxBottom);

        // store on close
        dialogStage.setOnCloseRequest(event -> sIsShowing = false);
    }
}

呼び出し：

UtilsDialog.showDialogShowError("Test", "This is the message to show. Does it work?",
                null, "-fx-font-weight: bold", "This", "message", "show");
0
Martin Pfeffer