UI リッチテキストは、文字列のセクションを太字、イタリック、下線、塗りつぶし色、ストロークのバリエーションなどでスタイル設定するためのシンプルなマークアップタグを利用します。TextLabel、TextButton、およびTextBoxオブジェクトにスタイリングタグを適用できます。
リッチテキストを有効にする
オブジェクトごとに、そのRichTextプロパティをプロパティウィンドウで設定するか、LocalScript内でプロパティをtrueに設定することにより、リッチテキストを有効にする必要があります。
StudioでオブジェクトのTextプロパティを編集する際、プロパティウィンドウでRichTextチェックボックスを切り替えると、テキスト文字列が最終レンダリングとして表示されます。これは、任意のサポートされているタグの間違いや修正を特定するのに便利です。
他の言語をサポートするために経験をローカライズすると、リッチテキストのフォーマットタグが削除されます。他の言語でフォーマットが表示されることを確認するために、ローカライズされた文字列に手動でタグを再適用してください。
サポートされているタグ
リッチテキストタグは、XML/HTMLタグに似ており、フォーマットされたテキストの周りにオープニングタグとクローズタグの両方を含める必要があります。
<b>フォーマットされたテキスト</b>
タグを入れ子にすることも可能で、タグを開いた順序の逆で閉じていれば問題ありません。
<b><i><u>フォーマットされたテキスト</u></i></b>
フォントカラー
<font color=""> </font>
オレンジの<font color="#FF7800">キャンディー</font>が欲しい。
オレンジの<font color="rgb(255,125,0)">キャンディー</font>が欲しい。
フォントサイズ
<font size=""> </font>
<font size="40">これは大きい。</font> <font size="20">これは小さい。</font>
フォントフェイス
<font face=""> </font>
<font face="Michroma">これはMichromaフォントです。</font>
フォントフェイス/ファミリー名は、Font列挙型のリファレンスページにリストされています。
フォントファミリー
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">これはMichromaフォントです。</font>
フォントフェイス/ファミリー名は、Font列挙型のリファレンスページにリストされています。
フォントウェイト
<font weight=""> </font>
これは普通。 <font weight="heavy">これは重い。</font>
これは普通。 <font weight="900">これは重い。</font>
フォントウェイトは、Thin、ExtraLight、Light、Regular、Medium、SemiBold、Bold、ExtraBold、またはHeavyを含むケースに敏感でない文字列名であるか、100から900までの100の倍数の数字であることができます。
フォント透過度
<font transparency=""> </font>
<font transparency="0.5">50%</font>の透過度のテキスト。
ストローク
<stroke> </stroke>
| パラメータ | 相当のプロパティ | 例 |
|---|---|---|
| color | UIStroke.Color | "rgb(255,125,0)"、"#FF7800" |
| thickness または th | UIStroke.Thickness | "1"、"4"、"0.5" |
| transparency または tr | UIStroke.Transparency | "0"、"0.5"、"1" |
| joins | UIStroke.LineJoinMode | "round"、"bevel"、"miter" |
| sizing | UIStroke.StrokeSizingMode | "fixed"、"scaled" |
あなたは<stroke color="#00A2FF" thickness="2" transparency="0.25" joins="miter">25 gems</stroke>を獲得しました。
<stroke>タグのパラメータ、例えばthicknessやjoinsについての詳細は、UI外観モディファイアを参照してください。
太字
<b> </b>
<b>太字</b>のテキスト。
イタリック
<i> </i>
<i>イタリック体</i>のテキスト。
下線
<u> </u>
<u>下線付き</u>のテキスト。
打ち消し線
<s> </s>
<s>打ち消し線</s>が適用されたテキスト。
改行
<br/>
この文の後に新しい行が発生します。<br/>次の文...
大文字
<uppercase> </uppercase>
<uc> </uc>
<uppercase>大文字</uppercase>は言葉を大声で読ませます！
<uc>大文字</uc>は言葉を大声で読ませます！
小文字大文字
<smallcaps> </smallcaps>
<sc> </sc>
私の名前は<smallcaps>Diva Dragonslayer</smallcaps>です。
私の名前は<sc>Diva Dragonslayer</sc>です。
マーク
<mark> </mark>
<mark color="#009966" transparency="0">ハイライトされた</mark>テキスト。
コメント
<!-- -->
これはコメントです...<!--これは最終テキストには表示されません-->そして今、もっとテキストがあります...
エスケープフォーム
特定の文字（例えば<や>）をリッチテキストタグの一部として考慮されないように表示したい場合は、エスケープフォームで書くことができます。
| 文字 | エスケープ | 例 | 結果 |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Meet "Diva Dragonslayer" | Meet "Diva Dragonslayer" |
| ' | ' | Diva's pet is a falcon! | Diva's pet is a falcon! |
| & | & | Render another escape form <b>&lt;</b> by escaping an ampersand | Render another escape form < by escaping an ampersand |