Antarmuka Pengguna

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

Anda dapat dengan cepat membuat antarmuka pengguna grafis berkualitas tinggi dengan persyaratan skrip minimum menggunakan objek UI yang dibangun. Tergantung di mana Anda membuatnya, UI render dalam-layar atau dalam dunia 3D .

UI di-屏幕

Container on-screen menyimpan objek UI yang ingin Anda tampilkan di layar pengguna. Semua objek UI dan kode on-screen ditampilkan dan diubah di klien.

UI Tanpa Pengalaman

Container dalam pengalaman seperti SurfaceGuis dan BillboardGuis menyimpan objek UI yang ingin Anda tampilkan dalam dunia 3D pengalaman Anda.

Objek UI

Sebagian besar elemen UI adalah GuiObjects , 2D objek pengguna grafis yang dapat Anda bagikan ke kontainer. Empat yang paling umum adalah frame , label , 1> tombol1> dan 4> input teks4> .

ObjekDeskripsi
Kotak PengambilanFrames bertindak sebagai wadah untuk objek UI lainnya. Saat Anda menangani frame, Anda juga menangani objek yang mereka berisi.
LabelTextLabel dan ImageLabel objek memungkinkan Anda untuk menampilkan teks dan gambar yang dapat disesuaikan.
TombolTextButton dan ImageButton objek mengizinkan pengguna untuk meminta action.
Masukan TeksTextBox objek memungkinkan pengguna untuk memasukkan teks.

Menggunakan Position, Size, Class.GuiObject

Desain dan Tata Letak

Selain prop dasar untuk menyesuaikan posisi dan ukuran, Roblox juga menyediakan struktur tata letak seperti daftar/ Fleksi dan grid, serta modifikator ukuran dan modifikator tampilan 2> .

UIListLayout untuk urutan item vertikal atau horizontal

Frameworks Interaktif

Selain objek antarmuka pengguna utama, berikut adalah framework yang memberikan interaktivitas bawaan dan dapat disesuaikan untuk pengalaman Anda.

Mendekati Prompt

Proximity Prompts adalah objek UI bawaan yang meminta interaksi pengguna untuk menyebabkan tindakan saat mereka mendekati objek pengalaman seperti pintu, lampu, dan tombol.

Detektor Drag UI

Detektor Deteksi UI memudahkan dan mendorong interaksi dengan elemen antarmuka 2D seperti slider, spinner, dan banyak lagi.

Detektor 3D Drag

3D Drag Detektor) mengembangkan interaksi fisik dengan objek 3D dalam pengalaman, seperti membuka pintu dan lemari, menyeret bagian sekitar, menangkap dan melempar bola bowling, menarik kembali dan menembak slingshot, dan banyak lagi.