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 pemrograman minimal menggunakan objek UI bawaan .Tergantung di mana Anda membuatnya, UI menampilkan entah di layar atau di dalam dunia 3D pengalaman .

UI pada layar On-screen

Wadah di layar menyimpan objek UI yang ingin Anda tampilkan di layar pengguna.Semua objek dan kode UI di layar disimpan dan diubah pada klien.

UI dalam pengalaman

Kontainer 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 , objek antarmuka pengguna grafis 2D yang dapat Anda berikan kepada wadah.Empat yang paling umum adalah frame , label , tombol , dan input teks objek.

ObjekDeskripsi
KerangkaFrames bertindak sebagai wadah untuk objek UI lainnya. Saat Anda memanipulasi frame, Anda juga memanipulasi objek yang mereka berisi.
LabelTextLabel dan ImageLabel objek memungkinkan anda untuk menampilkan teks dan gambar yang dapat disesuaikan.
TombolTextButton dan ImageButton objek memungkinkan pengguna untuk meminta action.
Input TeksTextBox objek memungkinkan pengguna untuk memasukkan teks.

Menggunakan , , , dan properti, Anda memiliki kontrol lengkap tentang cara posisi , ukuran , dan lapisan .Anda juga dapat menggunakan tweening untuk beralih dari satu negara ke negara lain dengan lancar dan memberikan umpan balas visual dinamis.

Tata letak dan desain

Selain properti dasar untuk menyesuaikan posisi dan ukuran, Roblox juga menyediakan struktur tata letak seperti daftar/flex dan grid , serta modifikasi ukuran dan modifikasi penampilan .

UIListLayout untuk urutan item horizontal atau vertikal

Fram kerja interaktif

Selain objek antarmuka pengguna inti , framework berikut menyediakan interaksi bawaan dan dapat disesuaikan untuk pengalaman Anda.

Peringatan jarak dekat

Perintah dekat adalah objek UI bawaan unik yang meminta interaksi pengguna untuk memicu tindakan saat mereka mendekati objek pengalaman seperti pintu, sakelar lampu, dan tombol.

Detektor seret UI

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

Detektor seret 3D

Detektor seret 3D mendorong interaksi fisik dengan objek 3D dalam pengalaman, seperti membuka pintu dan laci, menyeret bagian sekitar, mengambil dan melempar bola bowling, menarik kembali dan menembakkan panah, dan banyak lagi.