Tombol teks & gambar

GuiButtons adalah GuiObjects yang memungkinkan pemain untuk melakukan suatu tindakan. Anda dapat menyesuaikan tombol ini untuk memberikan konteks dan umpan balik, seperti mengubah penampilan visual atau scripting umpan balik yang dapat didengar saat pemain berinteraksi dengan tombol.

Ada dua jenis tombol yang dapat Anda tempatkan di layar atau di dalam permainan:

• TextButton adalah persegi panjang dengan teks yang memicu acara Activated dan/atau SecondaryActivated saat diklik/ditekan.

• ImageButton adalah persegi panjang dengan gambar yang memicu acara Activated dan/atau SecondaryActivated saat diklik/ditekan. Ini memiliki status tambahan untuk mengganti gambar saat pemain mengarahkan kursor atau menekan.

Tombol di layar

Tombol di layar berguna untuk dengan cepat membimbing pemain ke berbagai menu atau halaman. Untuk menambahkan jenis tombol ini:

1. Di jendela Explorer, arahkan mouse ke StarterGui, klik tombol ⊕, dan masukkan ScreenGui.

2. Arahkan mouse ke ScreenGui yang baru, klik tombol ⊕, dan masukkan baik TextButton atau ImageButton.

   

Tombol di wajah bagian

Tombol di bagian berguna untuk memungkinkan pemain berinteraksi dengan bagian. Misalnya, Anda dapat membiarkan pemain menginjak tombol untuk menyelesaikan suatu tindakan.

Untuk menambahkan tombol ke wajah bagian:

1. Di jendela Explorer, arahkan mouse ke bagian, klik tombol ⊕, dan masukkan SurfaceGui.

2. Arahkan mouse ke SurfaceGui yang baru, klik tombol ⊕, dan masukkan baik TextButton atau ImageButton.

   

   Jika Anda tidak melihat tombol, coba pilih wajah yang berbeda (Top, Bottom, Front, Back, Left, atau Right) untuk properti Face dari SurfaceGui.

Penampilan tombol

Baik TextButton maupun ImageButton mewarisi dari GuiObject yang berisi properti seperti BackgroundColor3, Rotation, dan Size. Tombol juga menerima modifikasi penampilan yang umum untuk sebagian besar objek UI.

Khusus untuk TextButton ada berbagai properti untuk mengubah penampilan visualnya:

• FontFace — Font yang digunakan untuk merender teks.
• Text — String teks yang dirender pada tombol.
• TextSize — Tinggi garis teks dalam offset.
• TextColor3 — Warna teks yang dirender.

Sebuah ImageButton memiliki beberapa properti untuk mengubah penampilan visualnya, termasuk varian gambar hover dan ditekan untuk menunjukkan interaksi pemain dengan tombol:

• Image — Gambar yang ditampilkan saat pemain tidak berinteraksi dengan ImageButton.
• HoverImage — Gambar yang ditampilkan saat pemain mengarahkan kursor mereka di atas ImageButton.
• PressedImage — Gambar yang ditampilkan saat pemain mengklik/memencet ImageButton.

Tombol skrip

Anda dapat menyusun suatu tindakan ketika pemain menekan tombol dengan menghubungkan tombol ke acara GuiButton.Activated, atau ke GuiButton.SecondaryActivated untuk input sekunder lintas platform seperti klik kanan di desktop dan tekan lama di mobile. Misalnya, ketika Anda mengaitkan LocalScript berikut ke sebuah tombol, tombol tersebut akan berubah menjadi warna acak setiap kali pemain mengklik/memencetnya.

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

local function onButtonActivated()
	-- Mengacak warna tombol
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end

button.Activated:Connect(onButtonActivated)