Tombol Teks & Gambar

Tombol-tombol ini adalah GuiObjects yang memungkinkan pengguna untuk melakukan action. Anda dapat menyesuaikan tombol untuk memberikan konteks dan umpan masukan, seperti mengubah tampilan visual atau scripting umpan balik yang dapat dilihat saat pengguna mengklik tombol.

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

• A TextButton adalah persegi dengan teks yang menyebabkan acara Activated saat diklik/tap.

• Sebuah ImageButton adalah persegi dengan gambar yang menyebabkan acara Activated saat diklik/ditap. Ini menyertakan negara tambahan untuk bertukar gambar saat pengguna menyentuh atau tekan.

Membuat Tombol di Layar

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

Untuk menambahkan tombol ke layar:

1. Di jendela Explorer , pilih StarterGui dan tambahkan ScreenGUI .

   1. Hover over StarterGui dan klik tombol ⊕. A menu konteks ditampilkan.

   2. Sisipkan ScreenGUI .

2. Pilih ScreenGui baru dan tambahkan tombol.

   1. Hover over ScreenGui dan klik tombol ⊕. Menu konteks ditampilkan.

   2. Sisipkan salah satu Tombol Teks atau Tombol Gambar .

   

Membuat Tombol di Wajah Bagian

Tombol pada bagian berguna untuk memungkinkan pengguna untuk berinteraksi dengan bagian. Misalnya, Anda dapat mengizinkan pengguna untuk menginjak tombol untuk menyelesaikan action.

Untuk menambahkan tombol ke wajah bagian:

1. Di jendela Explorer , pilih bagian dan tambahkan SurfaceGui .

   1. Hover over the part dan klik tombol ⊕. Menu konteks ditampilkan.

   2. Sisipkan SurfaceGui .

2. Pilih SurfaceGui baru dan tambahkan jenis tombol atau input apa pun.

   1. Hover over SurfaceGui dan klik tombol ⊕. Menu konteks ditampilkan.

   2. Sisipkan salah satu Tombol Teks atau Tombol Gambar .

   

   Jika Anda tidak melihat tombolnya, coba memilih wajah yang berbeda di property Wajah dari Garis .

Mengubah Penampilan tombol gambar

Mengubah tampilan sebuah ImageButton ketika seorang pengguna berinteraksi dengan itu memberikan masukkan visual yang berguna. Misalnya, ketika ImageButton mengubah tampilan visual ketika pengguna meng hover over it, itu memberikan pengguna tahu bahwa itu tidak dinonaktifkan dan mereka memil

Sebuah ImageButton memiliki tiga propperti untuk mengubah penampilan:

• Image - Gambar yang ditampilkan ketika pengguna tidak berinteraksi dengan ImageButton .

• HoverImage - Gambar yang ditampilkan ketika pengguna menyorot cursor mereka di atas ImageButton .

• PressedImage - Gambar yang ditampilkan ketika pengguna mengklik ImageButton .

Untuk mengubah tampilan ImageButton dengan masukan pengguna:

1. Tambahkan Tombol Gambar ke layar atau permukaan .

2. Di jendela Explorer , klik objek ImageButton .

3. Di jendela Properti , atur tiga ID aset masing-masing berbeda untuk Gambar , HoverImage , dan 1>PressedImage1> properti.

Tombol Skrip

Anda dapat menyetel tindakan ketika pengguna menekan tombol dengan menghubungkan tombol ke acara GuiButton.Activated . Misalnya, ketika Anda menyetel tombol berikut ini LocalScript ke tombol, tombol berubah menjadi warna acak setiap kali pengguna mengkliknya.

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