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

*เนื้อหานี้แปลโดยใช้ AI (เวอร์ชัน Beta) และอาจมีข้อผิดพลาด หากต้องการดูหน้านี้เป็นภาษาอังกฤษ ให้คลิกที่นี่

ปุ่ม เป็น GuiObjects แอ็คชันคุณสามารถปรับแต่งปุ่มเพื่อให้บริบทและข้อเสนอแนะได้ เช่นการเปลี่ยนแปลงรูปลักษณ์หรือ สคริปต์</

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

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

  • Class.ImageButton เป็นรูปสี่เหลี่ยมผืนผ้าที่มีภาพที่เรียกใช้การกระทํา Activated เมื่อคลิก/แตะ มันมีสถานะเพิ่มเติมสำหรับการเปลี่ยนภาพบนผู้ใช้หรือกด

การสร้างปุ่มบนหน้าจอ

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

เพื่อเพิ่มปุ่มให้กับหน้าจอ:

  1. ใน หน้าต่าง Explorer เลือก StarterGui และเพิ่ม ScreenGui

    1. เลือก StarterGui และคลิกปุ่ม ⊕ เมนู上下文 จะปรากฏขึ้น

    2. ใส่ ScreenGUI

  2. เลือก ScreenGui ใหม่และเพิ่มปุ่ม

    1. เลือก ScreenGUI และคลิกปุ่ม ⊕ เมนูบริบทรัพย์แสดงขึ้นมา เป็นเมนูบริบทรัพย์บริบูรณ์

    2. ใส่ TextButton หรือ ImageButton

การสร้างปุ่มบนหน้าผาก

ปุ่มบนส่วนเป็นปุ่มที่มีประโยชน์สำหรับการให้ผู้ใช้สามารถใช้งานกับส่วนได้ เช่น แอ็คชัน

เพื่อเพิ่มปุ่มให้กับหน้าของส่วน:

  1. ใน หน้าต่าง Explorer เลือก ส่วน และเพิ่ม SurfaceGui

    1. เลื่อนเมาส์ไปที่ ส่วน และคลิกปุ่ม ⊕ เมนู上下컨텍สต์.

    2. ใส่ SurfaceGui

  2. เลือก SurfaceGui ใหม่และเพิ่มปุ่มหรือการป้อนใด ๆ

    1. เลือก SurfaceGui และคลิกปุ่ม ⊕ เมนูบริบทรรมน์

    2. ใส่ TextButton หรือ ImageButton

เปลี่ยนรูปลักษณ์ของ ImageButton

การเปลี่ยนแปลงรูปลักษณ์ของ ImageButton เมื่อผู้ใช้ใช้งานกับมันจะให้ความรู้สึกที่มองเห็นได้เป็นประโยชน์ เช่น เมื่อ Class.ImageButton แอ็คชัน

Class.ImageButton รูปลักษณ์:

  • Image - รูปภาพที่ปรากฏเมื่อผู้ใช้ไม่ได้ใช้งานกับ ImageButton

  • HoverImage - รูปภาพที่ปรากฏเมื่อผู้ใช้วางเมาส์บน ImageButton

  • PressedImage - รูปภาพที่ปรากฏเมื่อผู้ใช้กดที่ ImageButton รุ่น.

ปกติ
เลื่อนเมาส์
กดแล้ว

เพื่อเปลี่ยนรูปลักษณ์ของ ImageButton ด้วยการป้อนข้อมูลของผู้ใช้:

  1. เพิ่ม ปุ่มรูปภาพ ให้กับหน้าจอ หรือพื้นผิว หรือ

  2. ใน หน้าต่าง Explorer คลิก วัตถุ ImageButton

  3. ใน หน้าต่าง Proprietades ให้สามรหัสสกุลที่แตกต่างกันสำหรับ รูปภาพ HoverImage และ 1>กด1> สกุลโปรพีที่มีลักษณะเหมือนกัน.

ปุ่มสคริปต์

คุณสามารถสคริปต์การกระทําเมื่อผู้ใช้กดปุ่มโดยการเชื่อมต่อปุ่มไปยังเหตุการณ์ GuiButton.Activated ตัวอย่างเช่นเมื่อคุณพ่อตัวต่อไปนี้ 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)