ปุ่มข้อความและภาพ

GuiButtons เป็น GuiObjects ที่ช่วยให้ผู้เล่นสามารถทำการกระทำได้ คุณสามารถปรับแต่งปุ่มเหล่านี้เพื่อให้มีบริบทและข้อเสนอแนะแบบต่าง ๆ เช่น การเปลี่ยนลักษณะทางกายภาพหรือ การเขียนสคริปต์ ข้อเสนอแนะแบบเสียงเมื่อผู้เล่นมีปฏิสัมพันธ์กับปุ่ม

มีปุ่มสองประเภทที่คุณสามารถวาง บนหน้าจอ หรือ ในเกม:

• TextButton เป็นสี่เหลี่ยมผืนผ้าที่มีข้อความซึ่งกระตุ้นเหตุการณ์ Activated และ/หรือ SecondaryActivated เมื่อคลิก/แตะ

• ImageButton เป็นสี่เหลี่ยมผืนผ้าที่มีภาพซึ่งกระตุ้นเหตุการณ์ Activated และ/หรือ SecondaryActivated เมื่อคลิก/แตะ มันมีสถานะเพิ่มเติมสำหรับการเปลี่ยนภาพเมื่อผู้เล่นชี้หรือกด

ปุ่มบนหน้าจอ

ปุ่ม บนหน้าจอ มีประโยชน์ในการนำทางผู้เล่นไปยังเมนูหรือหน้าต่างต่าง ๆ ได้อย่างรวดเร็ว เพื่อเพิ่มปุ่มประเภทนี้:

1. ในหน้าต่าง Explorer ให้ชี้ไปที่ StarterGui คลิกที่ปุ่ม ⊕ และแทรก ScreenGui

2. ชี้ไปที่ ScreenGui ใหม่ คลิกที่ปุ่ม ⊕ และแทรก TextButton หรือ ImageButton

   

ปุ่มบนหน้าผิวของชิ้นส่วน

ปุ่มบนชิ้นส่วนมีประโยชน์ในการอนุญาตให้ผู้เล่นมีปฏิสัมพันธ์กับชิ้นส่วน ตัวอย่างเช่น คุณสามารถให้ผู้เล่นเหยียบปุ่มเพื่อทำการกระทำ

เพื่อเพิ่มปุ่มไปยังหน้าผิวของชิ้นส่วน:

1. ในหน้าต่าง Explorer ให้ชี้ไปที่ ชิ้นส่วน คลิกที่ปุ่ม ⊕ และแทรก SurfaceGui

2. ชี้ไปที่ SurfaceGui ใหม่ คลิกที่ปุ่ม ⊕ และแทรก TextButton หรือ ImageButton

   

   หากคุณไม่เห็นปุ่ม ลองเลือกหน้าที่แตกต่างกัน (Top, Bottom, Front, Back, Left, หรือ Right) สำหรับคุณสมบัติ Face ของ SurfaceGui

ลักษณะของปุ่ม

ทั้ง TextButton และ ImageButton สืบทอดมาจาก GuiObject ซึ่งมีคุณสมบัติเช่น BackgroundColor3, Rotation, และ Size ปุ่มยังรับ ตัวปรับลักษณะ ที่ใช้ทั่วไปกับวัตถุ UI ส่วนใหญ่

เฉพาะสำหรับ TextButton มีคุณสมบัติต่าง ๆ เพื่อเปลี่ยนลักษณะทางกายภาพของมัน:

• FontFace — ฟอนต์ที่ใช้ในการแสดงข้อความ
• Text — สตริงข้อความที่แสดงบนปุ่ม
• TextSize — ความสูงของบรรทัดของข้อความในหน่วย offset
• TextColor3 — สีของข้อความที่แสดง

ImageButton มีคุณสมบัติต่าง ๆ เพื่อเปลี่ยนลักษณะทางกายภาพของมัน รวมถึงภาพที่แตกต่างกันเมื่อชี้และกดเพื่อบ่งบอกถึงการมีปฏิสัมพันธ์ของผู้เล่นกับปุ่ม:

• Image — ภาพที่แสดงเมื่อผู้เล่นไม่ได้มีปฏิสัมพันธ์กับ ImageButton
• HoverImage — ภาพที่แสดงเมื่อผู้เล่นชี้เมาส์ไปที่ ImageButton
• PressedImage — ภาพที่แสดงเมื่อผู้เล่นคลิก/แตะที่ ImageButton

สคริปต์ปุ่ม

คุณสามารถเขียนสคริปต์การกระทำเมื่อผู้เล่นกดปุ่มโดยการเชื่อมต่อปุ่มกับเหตุการณ์ GuiButton.Activated หรือ GuiButton.SecondaryActivated สำหรับการป้อนข้อมูลรองข้ามแพลตฟอร์ม เช่น คลิกขวาบนเดสก์ท็อปและกดค้างบนมือถือ ตัวอย่างเช่น เมื่อคุณทำให้ LocalScript ต่อไปนี้เป็นพ่อแม่ของปุ่ม ปุ่มจะเปลี่ยนเป็นสีสุ่มทุกครั้งที่ผู้เล่นคลิก/แตะมัน

local button = script.Parent
local RNG = Random.new()

local function onButtonActivated()
	-- สุ่มสีของปุ่ม
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end

button.Activated:Connect(onButtonActivated)