โดยใช้ตัวปรับแต่งรูปลักษณ์ **** คุณสามารถปรับแต่งรูปลักษณ์ของคุณได้อีก GuiObjects
- ใช้เฉดสี เกรด กับพื้นหลังของวัตถุ
- ใช้เส้น จุด กับข้อความหรือขอบ
- ตั้ง มุมโค้ง สําหรับวัตถุ
- เพิ่ม การจัดเว้นวรรค ระหว่างขอบของวัตถุ
เกรดเฉดสี
วัตถุ UIGradient ใช้สีและความโปร่งใสเฉดเกรดให้กับพ่อของมัน GuiObject
คุณสามารถกำหนดค่าเกรดเดนต์ได้โดย:
- การตั้งค่าความโปร่งใสของมัน ผ่านค่า ในคุณสมบัติของเกรดเดนต์
- เลือกจุดเริ่มต้นของเกรดเดนต์ (ภายในหรือภายนอกขอบเขตของพ่อแม่)ผ่านคุณสมบัติ Offset
- เลือกมุมของเกรดผ่านคุณสมบัติ Rotation
ลำดับสี
เพื่อตั้งลำดับสีของเกรดเดนต์:
ในหน้าต่าง สํารวจ เลือก UIGradient
ในหน้าต่าง คุณสมบัติ คลิกภายในฟิลด์คุณสมบัติ สี จากนั้นคลิกปุ่ม … ทางด้านขวาของกล่องใส่ข้อมูลป๊อปอัพลำดับสีแสดง
แต่ละสามเหลี่ยมในแกนด้านล่างของลำดับสีเป็นจุดเกี่ยวข้อง ที่กำหนดค่าสีที่จุดนั้น
คลิกจุดสำคัญในลำดับสีแล้วคลิกที่สี่เหลี่ยมเล็กๆ ถัดจาก สี เพื่อเปิดหน้าต่างป๊อปอัพ สี
เลือกสีที่ต้องการสำหรับจุดสำคัญ
หากจำเป็น คุณสามารถ:
- เพิ่มจุดสำคัญอื่นโดยคลิกที่ใดก็ได้บนแผนภาพ
- ลากจุดสำคัญที่มีอยู่ไปยังตำแหน่งใหม่ หรือเลือกจุดสำคัญและใส่มูลค่าเวลาที่เฉพาะเจาะจงผ่านอินพุต เวลา * ลบจุดสำคัญโดยเลือกและคลิกปุ่ม ลบ * รีเซ็ตลำดับโดยคลิกที่ปุ่ม รีเซ็ต
ความโปร่งใส
เพื่อปรับความโปร่งใสของเกรดเดนต์ในช่วงของมัน:
ในหน้าต่าง สํารวจ เลือก UIGradient
ในหน้าต่าง คุณสมบัติ คลิกภายในฟิลด์คุณสมบัติ ความโปร่งใส จากนั้นคลิกปุ่ม … ทางด้านขวาของกล่องใส่ข้อมูลป๊อปอัพลำดับตัวเลข
แต่ละสี่เหลี่ยมข้ามกราฟลำดับตัวเลขเป็นจุดเกี่ยวข้อง ที่กำหนดค่าความโปร่งใสที่จุดนั้น
คลิกและลากจุดใดก็ได้รอบ ๆ หรือเลือกจุดที่สำคัญและใส่การรวมเวลา/ค่าที่เฉพาะเจาะจงผ่านการใส่ เวลา และ ค่า
หากจำเป็น คุณสามารถ:
- เพิ่มจุดสำคัญอื่นโดยคลิกที่ใดก็ได้บนแผนภาพ
- ลบจุดสำคัญโดยเลือกและคลิกปุ่ม ลบ * รีเซ็ตลำดับโดยคลิกที่ปุ่ม รีเซ็ต
การเลื่อนและการหมุน
คุณสมบัติ Offset และ Rotation ช่วยให้คุณปรับจุดควบคุมของเกรดเดนต์และมุมได้ตามที่แสดงในภาพวาดต่อไปนี้ Offset จะขึ้นอยู่กับเปอร์เซ็นต์ของความกว้างหรือความสูงของพ่อแม่ **** ทั้งสองค่าบวกหรือลบเป็นที่ถูกต้อง
เช่นเดียวกับเมื่อคุณหมุนเกรดเนต จุดควบคุมก็หมุนเช่นกัน
ขอบเขต
ตัวอย่าง UIStroke ใช้เส้นสรรเสริญให้กับข้อความหรือขอบ คุณสมบัติหลักรวมถึง:
- ความสามารถในการตั้งค่าความโปร่งใสของเส้น อิสระจากความโปร่งใสของพ่อแม่ อย่างอิสระ
- สามสไตล์มุม (รอบ, บาน, หรือเหลี่ยม)
- สตรอค เกรดเฉลี่ย สนับสนุนผ่านตัวอย่าง UIGradient
เส้นขอบ / ขอบข้อความ
ขึ้นอยู่กับพ่อของมัน, UIStroke ทำงานเป็น เค้าโครงข้อความ หรือเป็น ขอบเขต เมื่อคุณเป็นพ่อแม่ UIStroke กับวัตถุข้อความ มันจะใช้กับเส้นขอบของข้อความเมื่อคุณเป็นพ่อแม่ UIStroke กับวัตถุอื่น ๆ GuiObjects มันจะใช้กับเส้นขอบ
เมื่อใช้กับวัตถุข้อความคุณสามารถยกเลิกการกระทำเส้นเริ่มต้นโดยใช้คุณสมบัติ ApplyStrokeMode ทำให้คุณสามารถใช้เส้นกับขอบของวัตถุแทนข้อความเองคุณสามารถควบคุมเส้นขอบและขอบเขตข้อความได้อย่างอิสระโดยการปลูกฝังสองตัวอย่าง UIStroke ไปยังวัตถุข้อความหนึ่งตัวที่กำหนดเป็น บริบท และอีกตัวหนึ่งกำหนดเป็น ชายแดน
ความหนา
คุณสามารถตั้งค่าความกว้างของเส้นผ่านคุณสมบัติ Thickness ซึ่งวัดเป็นพิกเซลจากขอบด้านนอกของผู้ปกครอง
สี/เฉดเดียนต์
คุณสามารถตั้งสีขอบผ่านคุณสมบัติ Color และสอดอินสแตนซ์ลูก UIGradient เพื่อสร้างเส้นโค้งสี
ทั้งวัตถุบิดาและ UIStroke สามารถมีตัวอย่างลูก UIGradient ได้ ทำให้คุณสามารถตั้งค่าเฉดสีบน สีขอบ และ เติม ได้อย่างอิสระ
ความโปร่งใส
คุณสมบัติ Transparency กำหนดความโปร่งใสของสีขอบอย่างอิสระจากความโปร่งใสของวัตถุบิดา BackgroundTransparency หรือ TextTransparencyสิ่งนี้ช่วยให้คุณสามารถเรนเดอร์ข้อความและขอบที่เป็น "ว่างเปล่า" (ประกอบด้วยเพียงเส้นขอบ)
สไตล์มุม
คุณสมบัติ LineJoinMode ช่วยให้คุณสามารถควบคุมวิธีที่มุมถูกตีความได้มันรับค่าของ รอบ , เบเวล หรือ มิเตอร์
มุม
ตัวอย่าง UICorner ใช้การเปลี่ยนรูปไปยังทั้งสี่มุมของพ่อของมัน GuiObject ทั้งหมดคุณสามารถควบคุมรัศมีที่ใช้ผ่านคุณสมบัติ CornerRadius โดยใช้ Scale หรือ Offset
โค้งมุมให้เป็น เปอร์เซ็นต์ ตามความยาวทั้งหมดของขอบที่สั้นที่สุดของพ่อ ซึ่งหมายความว่าสเกลของ หรือสูงกว่าจะเปลี่ยนพ่อให้เป็นรูป "เม็ด" ไม่ว่าจะกว้างหรือสูงเพียงใด โค้งมุมเป็นจํานวนพิกเซลที่เฉพาะเจาะจง ไม่ว่าความกว้าง/ความสูงของผู้ปกครองจะเท่าใด
การเว้นวรรค
วัตถุ UIPadding ใช้การเว้นวรรคด้านบน ด้านล่าง ซ้าย และ/หรือขวาให้กับเนื้อหาของผู้ปกครอง GuiObject
ตัวอย่างเช่น คุณสามารถย้ายข้อความภายในปุ่มข้อความลงหรือขึ้นโดยใช้การเลื่อนออกไปที่ด้านล่างของปุ่ม