UIGradient
*เนื้อหานี้แปลโดยใช้ AI (เวอร์ชัน Beta) และอาจมีข้อผิดพลาด หากต้องการดูหน้านี้เป็นภาษาอังกฤษ ให้คลิกที่นี่
UIGradient ใช้สีและความโปร่งใสของเกรดเดนต์ให้กับองค์ประกอบ UI ที่เรนเดอร์โดยพ่อ GuiObjectลักษณะของเกรดสามารถปรับแต่งได้ผ่านตัวเลือก Color ( ColorSequence ), Transparency ( NumberSequence ), Offset ( Vector2 ), และ Rotation (number)
A UIGradient จะไม่ถูกใช้กับบุตรหรือลูกหลาน GuiObjectsเพื่อใช้เฉดสีเดียวกันกับหลายวัตถุ คุณจะต้องมีตัวอย่างเฉดสีหลายตัว
ดูเพิ่มเติม ตัวปรับเปลี่ยนรูปลักษณ์ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ UIGradient วัตถุและวิธีที่พวกเขาทำงาน
วัตถุที่สนับสนุน
คุณสามารถใช้เฉดสีกับ Frame , TextLabel , TextButton , ImageLabel , ImageButton และ ViewportFrame ได้อย่างไรก็ตาม ScrollingFrame และ TextBox ไม่ได้รับการสนับสนุนในปัจจุบัน
ข้อพิจารณาด้านประสิทธิภาพ
เพื่อใช้ UIGradient อย่างมีประสิทธิภาพ ให้ปฏิบัติตามหลักการเหล่านี้:
หลีกเลี่ยงการใช้สีหยุดมากกว่า 6 สีในลำดับ Color
หลีกเลี่ยงการใช้ UIGradient บนวัตถุใดๆ ที่ใช้เส้นข้อความ ( TextStrokeColor3 ) เนื่องจากเกรดเลนต์จะพยายามผสมกับเส้นและขอบ และอาจทำให้เกิดปัญหาประสิทธิภาพ
หลีกเลี่ยงการตั้งค่า Color และ Transparency บ่อยๆ: สิ่งนี้ทำให้ลำดับสีต้องสร้างซ้ำบ่อย ซึ่งแพงถ้าเป็นไปได้ ตั้งค่าคุณสมบัติเหล่านี้เพียงครั้งเดียวและพยายามที่จะแอนิเมชั่นคุณสมบัติ Offset หรือ Rotation เพื่อให้ได้ผลลัพธ์ที่คล้ายกันหรือคุณสามารถเปลี่ยนสีของผู้ปกครอง GuiObject โดยใช้คุณสมบัติเช่น BackgroundColor3 , ImageColor3 หรือ TextColor3
เมื่อใช้เฉดสีที่ไม่เปลี่ยนแปลงบนองค์ประกอบ UI ที่สถานะเปลี่ยนแปลงบ่อยมาก จะมีการแลกเปลี่ยนระหว่างการใช้ UIGradient (เวลาในการประมวลผล) และภาพเฉดสีคงที่ (หน่วยความจํา)
สรุป
คุณสมบัติ
กำหนดสีที่ผสมกับ GuiObject พ่วงตามความยาวของเกรดเดนต์
ว่าการเลื่อนจะเปิดใช้งานหรือไม่
กำหนดการแปลเชิงเส้นของเกรดเดนต์จากศูนย์กลางของ GuiObject พ่อแม่
กำหนดการหมุนตามเข็มนาฬิกาในองศาของเกรดตั้งแต่ซ้ายไปขวา
กำหนดว่า GuiObject รากจะสามารถมองเห็นได้มากแค่ไหนตลอดความยาวของเกรดเอนต์
คุณสมบัติ
Color
คุณสมบัตินี้อธิบายสีที่จะผสมกับองค์ประกอบ UI รากตามที่ให้ไว้ ColorSequenceคุณสมบัตินี้ทำงานในลักษณะที่คล้ายกับ Beam.Color หรือ Trail.Color ยกเว้นว่ามันใช้เวลามากกว่าระยะทางบนหน้าจอที่กำหนดโดย Offset และ Rotation
Offset
คุณสมบัตินี้กำหนดการแปลเชิงเส้นของเกรดจากศูนย์กลางของผู้ปกครอง GuiObjectเป็นการแปลเชิงเส้น ซึ่งหมายความว่าการเลื่อนพิกเซลที่เกิดขึ้นจริงจะถูกกำหนดโดย AbsoluteSize ของพ่อ GuiObjectดังนั้นค่าของ (1, 0) จะเลื่อนเส้นโค้งในแนวนอนไปทางขวาโดยระยะเท่ากับขนาดบนหน้าจอของวัตถุบิดาขึ้นอยู่กับ Rotation ทั้งหมด
ดูเพิ่มเติม Rotation ซึ่งยังส่งผลต่อรูปร่างของเกรดเฉลี่ยที่ใช้
Rotation
คุณสมบัตินี้กำหนดการหมุน ในทิศทางเดียวกัน ในองศาของ UIGradient เริ่มจากซ้ายไปขวาจุดควบคุมต้นและปลายจะสแน็ปไปที่ขอบของพ่อ GuiObject แต่ยังคงรักษาการหมุนที่กำหนดไว้
ดูเพิ่มเติม Offset ซึ่งยังส่งผลต่อรูปร่างของเกรดเฉลี่ยที่ใช้
Transparency
คุณสมบัตินี้อธิบายถึงความทึบขององค์ประกอบ UI รากจะเป็นอย่างไรตาม NumberSequence ที่ให้ไว้คุณสมบัตินี้ทำงานในลักษณะที่คล้ายกับ Beam.Transparency หรือ Trail.Transparency ยกเว้นว่ามันใช้เวลามากกว่าระยะทางบนหน้าจอที่กำหนดโดย Offset และ Rotation
โปรดทราบว่ามูลค่าซองของ NumberSequenceKeypoints จะถูกเพิกเฉย