UI リッチテキストは、文字列のセクションに太字、イタリック、下線、塗りつぶし色、ストロークのバリエーションなどのスタイルを適用するためのシンプルなマークアップタグを利用します。スタイリングタグは、TextLabel、TextButton、およびTextBoxオブジェクトに適用できます。
リッチテキストを有効にする
オブジェクトごとに、プロパティウィンドウのRichTextプロパティを通じて、またはLocalScript内でプロパティをtrueに設定することで、リッチテキストを有効にする必要があります。
local title = Instance.new("TextLabel")
title.RichText = true
title.Text = "Use a <b>bold title</b>"スタジオでオブジェクトの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の宝石</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>ディーバ・ドラゴンスレイヤー</smallcaps>です。
私の名前は<sc>ディーバ・ドラゴンスレイヤー</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 |