UI ข้อความที่มีความซับซ้อน ใช้แท็กการทำเครื่องหมายที่เรียบง่ายเพื่อจัดรูปแบบส่วนต่าง ๆ ของสตริงเป็นตัวหนา ตัวเอียง ขีดเส้นใต้ สีพื้น สีของขอบ และอื่น ๆ คุณสามารถใช้แท็กการจัดรูปแบบกับวัตถุ TextLabel, TextButton, และ TextBox
เปิดใช้งานข้อความที่มีความซับซ้อน
คุณต้องเปิดใช้งานข้อความที่มีความซับซ้อนตามแต่ละวัตถุผ่านสมบัติ RichText ในหน้าต่าง Properties หรือโดยการตั้งค่าสมบัติเป็น true ใน LocalScript
เมื่อทำการแก้ไขสมบัติ Text ของวัตถุใน Studio การเปิดปิดเลือกช่อง RichText ในหน้าต่าง Properties จะแสดงสตริงข้อความเป็นการเรนเดอร์สุดท้าย นี่มีประโยชน์สำหรับการระบุและแก้ไขข้อผิดพลาดในแท็ก ที่รองรับ
การ แปลภาษา สำหรับประสบการณ์ที่สนับสนุนภาษาอื่นจะลบแท็กการจัดรูปแบบข้อความที่มีความซับซ้อน เพื่อให้การจัดรูปแบบปรากฏในภาษาอื่น คุณต้องนำแท็กมาประยุกต์ใช้ใหม่ด้วยมือกับสตริงที่แปลแล้วของคุณ
แท็กที่รองรับ
แท็กข้อความที่มีความซับซ้อนมีลักษณะคล้ายกับแท็ก 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 enum
ครอบครัวฟอนต์
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">นี่คือรูปแบบ Michroma.</font>
ชื่อฟอนต์/ครอบครัวฟอนต์จะมีอยู่ในหน้าอ้างอิง Font enum
น้ำหนักฟอนต์
<font weight=""> </font>
นี่คือปกติ. <font weight="heavy">นี่คือหนัก.</font>
นี่คือปกติ. <font weight="900">นี่คือหนัก.</font>
น้ำหนักฟอนต์สามารถเป็นชื่อสตริงที่ไม่ต้องสนใจตัวพิมพ์ใหญ่รวมถึง Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, หรือ Heavy; มันก็สามารถเป็นหมายเลขในปัจจัยของ 100 ระหว่าง 100 และ 900.
ความโปร่งใสของฟอนต์
<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>.
ดู ตัวปรับแต่งรูปลักษณ์ UI สำหรับรายละเอียดเกี่ยวกับพารามิเตอร์ของแท็ก <stroke> เช่น thickness และ joins.
ตัวหนา
<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 |
| " | " | พบกับ "Diva Dragonslayer" | พบกับ "Diva Dragonslayer" |
| ' | ' | สัตว์เลี้ยงของ Diva คือเหยี่ยว! | สัตว์เลี้ยงของ Diva คือเหยี่ยว! |
| & | & | เรนเดอร์รูปแบบการหลบหนีอีกครั้ง <b>&lt;</b> โดยการหลบหลีกอัมพาต | เรนเดอร์รูปแบบการหลบหนีอีกครั้ง < โดยการหลบหลีกอัมพาต |