Tombol teks & gambar

*Konten ini diterjemahkan menggunakan AI (Beta) dan mungkin mengandung kesalahan. Untuk melihat halaman ini dalam bahasa Inggris, klik di sini.

Tombol adalah GuiObjects yang memungkinkan pengguna untuk melakukan tindakan. Anda dapat menyesuaikan tombol untuk memberikan konteks dan umpan balik, seperti mengubah penampilan visual atau scripting umpan balik terdengar ketika seorang pengguna mengklik tombol.

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

TextButton adalah persegi panjang dengan teks yang memicu peristiwa Activated saat diklik/ketuk.
ImageButton adalah persegi panjang dengan gambar yang memicu peristiwa Activated saat diklik/ketuk. Ini memiliki keadaan tambahan untuk menukar gambar saat pengguna mengarahkan kursor atau menekan.

Buat tombol di layar

Tombol di layar berguna untuk dengan cepat mengarahkan pengguna ke berbagai menu atau halaman.

Untuk menambahkan tombol ke layar:

Di jendela Explorer, pilih StarterGui dan tambahkan ScreenGui.
1. Arahkan kursor ke StarterGui dan klik tombol ⊕. Menu kontekstual akan ditampilkan.
2. Masukkan ScreenGui.
Pilih ScreenGui baru dan tambahkan tombol.
1. Arahkan kursor ke ScreenGui dan klik tombol ⊕. Menu kontekstual akan ditampilkan.
2. Masukkan baik TextButton atau ImageButton.

Buat tombol pada sisi bagian

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

Untuk menambahkan tombol ke sisi bagian:

Di jendela Explorer, pilih bagian dan tambahkan SurfaceGui.
1. Arahkan kursor ke bagian dan klik tombol ⊕. Menu kontekstual akan ditampilkan.
2. Masukkan SurfaceGui.
Pilih SurfaceGui baru dan tambahkan jenis tombol atau input.
1. Arahkan kursor ke SurfaceGui dan klik tombol ⊕. Menu kontekstual akan ditampilkan.
2. Masukkan baik TextButton atau ImageButton.
Jika Anda tidak melihat tombol, coba pilih sisi yang berbeda di properti Face dari SurfaceGui.

Ubah penampilan ImageButton

Mengubah penampilan ImageButton saat pengguna berinteraksi dengannya memberikan umpan balik visual yang berguna. Misalnya, ketika ImageButton mengubah penampilan visual saat pengguna mengarahkan kursor ke arahnya, itu memberi tahu pengguna bahwa tombol itu tidak dinonaktifkan dan mereka memiliki opsi untuk mengkliknya jika mereka ingin melakukan tindakan ImageButton itu.

ImageButton memiliki tiga properti untuk mengubah penampilan visualnya:

Image - Gambar yang ditampilkan saat pengguna tidak berinteraksi dengan ImageButton.
HoverImage - Gambar yang ditampilkan saat pengguna mengarahkan kursor mereka ke ImageButton.
PressedImage - Gambar yang ditampilkan saat pengguna mengklik ImageButton.

Untuk mengubah penampilan ImageButton dengan input pengguna:

Tambahkan ImageButton ke layar atau permukaan.
Di jendela Explorer, klik objek ImageButton.
Di jendela Properties, tetapkan tiga ID aset berbeda untuk properti Image, HoverImage, dan PressedImage.

Scripting tombol

Anda dapat menycripting sebuah tindakan saat pengguna menekan tombol dengan menghubungkan tombol ke peristiwa GuiButton.Activated. Misalnya, saat Anda menyimpan LocalScript berikut ke sebuah tombol, tombol tersebut berubah menjadi warna acak setiap kali pengguna mengkliknya.


local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
	-- randomize the button color
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)

Bahasa Indonesia