UI การทำเครื่องหมายข้อความที่มีความหมาย ใช้แท็กการทำเครื่องหมายที่ง่ายเพื่อจัดรูปแบบส่วนต่าง ๆ ของสตริงให้เป็นตัวหนา ตัวเอียง ขีดเส้นใต้ สีพื้น สีขอบ และอื่น ๆ คุณสามารถใช้แท็กการจัดรูปแบบกับวัตถุ TextLabel, TextButton, และ TextBox
เปิดใช้งานการทำเครื่องหมายข้อความที่มีความหมาย
คุณต้องเปิดใช้งานการทำเครื่องหมายข้อความที่มีความหมายในแต่ละวัตถุผ่านคุณสมบัติ RichText ในหน้าต่าง Properties หรือโดยการตั้งค่าคุณสมบัติเป็น true ใน LocalScript
local title = Instance.new("TextLabel")
title.RichText = true
title.Text = "ใช้ <b>ชื่อเรื่องตัวหนา</b>"เมื่อแก้ไขคุณสมบัติ 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 appearance modifiers สำหรับรายละเอียดเกี่ยวกับพารามิเตอร์แท็ก <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> โดยการหลบหนีแอมเพอร์แซนด์ | เรนเดอร์รูปแบบการหลบหนีอีก < โดยการหลบหนีแอมเพอร์แซนด์ |