使用例 - QMLでテキストを表示する

テキストの表示と書式設定

QMLでテキストを表示するには、Textアイテムを作成し、textプロパティに表示したいテキストを設定します。これでTextアイテムにテキストが表示されます。

Textアイテムには、テキストブロック全体のスタイルを設定するためのプロパティをいくつか設定することができます。色、フォントファミリ、フォントサイズ、太字、斜体などです。プロパティの完全なリストについては、Text タイプ・ドキュメントを参照してください。

マークアップのようなリッチテキストは、テキストアイテムでテキストの特定のセクションを選択的にスタイルするために使用することができます。この機能を使用するには、Text::textFormat を Text.StyledText に設定します。詳しくはText タイプのドキュメントを参照してください。

テキス ト の配置

デフ ォル ト では、 テ キ ス ト は改行がない限 り 1 行で表示 さ れます。行を折り返すには、wrapModeプロパティを設定し、テキストに折り返す幅を明示的に与えます。widthまたはheightが明示的に設定されていない場合、これらのプロパティを読み込むと、テキストの外接矩形のパラメータが返されます(widthまたはheightが明示的に設定されている場合でも、paintedWidthとpaintedHeightを使用できます)。これらのパラメータを使用すれば、他のItemと同じようにTextを配置することができます。

コード例

import QtQuick

Item {
    id: root
    width: 480
    height: 320

    Rectangle {
        color: "#272822"
        width: 480
        height: 320
    }

    Column {
        spacing: 20

        Text {
            text: 'I am the very model of a modern major general!'

            // color can be set on the entire element with this property
            color: "yellow"

        }

        Text {
            // For text to wrap, a width has to be explicitly provided
            width: root.width

            // This setting makes the text wrap at word boundaries when it goes
            // past the width of the Text object
            wrapMode: Text.WordWrap

            // You can use \ to escape quotation marks, or to add new lines (\n).
            //  Use \\ to get a \ in the string
            text: 'I am the very model of a modern major general. I\'ve information \
                  vegetable, animal and mineral. I know the kings of england and I \
                  quote the fights historical; from Marathon to Waterloo in order categorical.'

            // color can be set on the entire element with this property
            color: "white"

        }

        Text {
            text: 'I am the very model of a modern major general!'

            // color can be set on the entire element with this property
            color: "yellow"

            // font properties can be set effciently on the whole string at once
            font { family: 'Courier'; pixelSize: 20; italic: true; capitalization: Font.SmallCaps }

        }

        Text {
            // HTML like markup can also be used
            text: '<font color="white">I am the <b>very</b> model of a modern <i>major general</i>!</font>'

            // This could also be written font { pointSize: 14 }. Both syntaxes are valid.
            font.pointSize: 14

            // StyledText format supports fewer tags, but is more efficient than RichText
            textFormat: Text.StyledText
        }
    }
}

国際化とスケーラビリティ

テキストを扱う場合、アプリケーションはデバイスの向きや言語設定など、さまざまなトピックを考慮する必要があります。

次のページでは、これらのさまざまなトピックについて詳しく説明します。

©2024 The Qt Company Ltd. ここに含まれるドキュメントの著作権は、それぞれの所有者に帰属します。 本書で提供されるドキュメントは、Free Software Foundation が発行したGNU Free Documentation License version 1.3に基づいてライセンスされています。 Qtおよびそれぞれのロゴは、フィンランドおよびその他の国におけるThe Qt Company Ltd.の 商標です。その他すべての商標は、それぞれの所有者に帰属します。