UI văn bản phong phú sử dụng các thẻ đánh dấu đơn giản để định dạng các phần của một chuỗi thành chữ đậm, chữ nghiêng, gạch chân, màu nền, biến thể viền và nhiều hơn nữa. Bạn có thể áp dụng các thẻ định dạng cho các đối tượng TextLabel, TextButton, và TextBox.
Bật văn bản phong phú
Bạn phải bật văn bản phong phú cho từng đối tượng thông qua thuộc tính RichText trong cửa sổ Thuộc tính, hoặc bằng cách đặt thuộc tính thành true trong một LocalScript.
local title = Instance.new("TextLabel")
title.RichText = true
title.Text = "Sử dụng một <b>tiêu đề đậm</b>"Khi chỉnh sửa thuộc tính Text của một đối tượng trong Studio, việc bật tắt hộp kiểm RichText trong cửa sổ Thuộc tính sẽ hiển thị chuỗi văn bản như một bản render cuối cùng. Điều này hữu ích để xác định và sửa chữa các lỗi trong bất kỳ thẻ được hỗ trợ.
Địa phương hóa một trò chơi để hỗ trợ các ngôn ngữ khác sẽ xóa các thẻ định dạng văn bản phong phú. Để đảm bảo định dạng xuất hiện trong các ngôn ngữ khác, hãy áp dụng lại các thẻ một cách thủ công cho các chuỗi đã được địa phương hóa của bạn.
Các thẻ được hỗ trợ
Các thẻ văn bản phong phú tương tự như các thẻ XML/HTML và bạn phải bao gồm cả thẻ mở và thẻ đóng xung quanh văn bản đã định dạng.
<b>Văn bản đã định dạng</b>
Bạn cũng có thể lồng các thẻ bên trong nhau miễn là bạn đóng chúng theo thứ tự ngược lại với cách bạn đã mở chúng.
<b><i><u>Văn bản đã định dạng</u></i></b>
Màu chữ
<font color=""> </font>
Tôi muốn kẹo <font color="#FF7800">màu cam</font>.
Tôi muốn kẹo <font color="rgb(255,125,0)">màu cam</font>.
Kích thước chữ
<font size=""> </font>
<font size="40">Đây là lớn.</font> <font size="20">Đây là nhỏ.</font>
Kiểu chữ
<font face=""> </font>
<font face="Michroma">Đây là kiểu chữ Michroma.</font>
Tên kiểu chữ/gia đình chữ được liệt kê trên trang tham chiếu Font enum.
Gia đình chữ
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">Đây là kiểu chữ Michroma.</font>
Tên kiểu chữ/gia đình chữ được liệt kê trên trang tham chiếu Font enum.
Độ dày chữ
<font weight=""> </font>
Đây là bình thường. <font weight="heavy">Đây là nặng.</font>
Đây là bình thường. <font weight="900">Đây là nặng.</font>
Độ dày chữ có thể là một tên chuỗi không phân biệt chữ hoa chữ thường bao gồm Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, hoặc Heavy; nó cũng có thể là một số trong các bội số của 100 giữa 100 và 900.
Độ trong suốt của chữ
<font transparency=""> </font>
Văn bản ở <font transparency="0.5">50% độ trong suốt</font>.
Viền
<stroke> </stroke>
| Tham số | Thuộc tính tương đương | Giá trị ví dụ |
|---|---|---|
| color | UIStroke.Color | "rgb(255,125,0)", "#FF7800" |
| thickness hoặc th | UIStroke.Thickness | "1", "4", "0.5" |
| transparency hoặc tr | UIStroke.Transparency | "0", "0.5", "1" |
| joins | UIStroke.LineJoinMode | "round", "bevel", "miter" |
| sizing | UIStroke.StrokeSizingMode | "fixed", "scaled" |
Bạn đã thắng <stroke color="#00A2FF" thickness="2" transparency="0.25" joins="miter">25 viên ngọc</stroke>.
Xem các bộ điều chỉnh giao diện UI để biết chi tiết về các tham số thẻ <stroke> như thickness và joins.
Đậm
<b> </b>
Văn bản trong <b>đậm</b>.
Nghiêng
<i> </i>
Văn bản <i>nghiêng</i>.
Gạch chân
<u> </u>
Văn bản <u>gạch chân</u>.
Gạch chéo
<s> </s>
Văn bản với <s>gạch chéo</s> được áp dụng.
Ngắt dòng
<br/>
Dòng mới xảy ra sau câu này.<br/>Câu tiếp theo...
Chữ hoa
<uppercase> </uppercase>
<uc> </uc>
<uppercase>Chữ hoa</uppercase> làm cho từ ngữ trở nên nổi bật!
<uc>Chữ hoa</uc> làm cho từ ngữ trở nên nổi bật!
Chữ cái nhỏ
<smallcaps> </smallcaps>
<sc> </sc>
Tên tôi là <smallcaps>Diva Dragonslayer</smallcaps>.
Tên tôi là <sc>Diva Dragonslayer</sc>.
Đánh dấu
<mark> </mark>
Văn bản <mark color="#009966" transparency="0">được đánh dấu</mark>.
Chú thích
<!-- -->
Sau đây là một chú thích...<!--Điều này không xuất hiện trong văn bản cuối cùng--> và bây giờ là thêm văn bản...
Các hình thức thoát
Nếu bạn muốn hiển thị một số ký tự như < hoặc > và miễn trừ chúng khỏi việc xem xét như một phần của các thẻ văn bản phong phú, bạn có thể viết chúng ở hình thức thoát của chúng.
| Ký tự | Hình thức thoát | Ví dụ | Kết quả |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Gặp "Diva Dragonslayer" | Gặp "Diva Dragonslayer" |
| ' | ' | Thú cưng của Diva' là một con chim ưng! | Thú cưng của Diva là một con chim ưng! |
| & | & | Hiển thị một hình thức thoát khác <b>&lt;</b> bằng cách thoát một dấu và | Hiển thị một hình thức thoát khác < bằng cách thoát một dấu và |