Giao diện người dùng

*Nội dung này được dịch bằng AI (Beta) và có thể có lỗi. Để xem trang này bằng tiếng Anh, hãy nhấp vào đây.

Bạn có thể nhanh chóng tạo các giao diện người dùng đồ họa chất lượng cao với yêu cầu lập trình tối thiểu bằng cách sử dụng các đối tượng UI được tích hợp trong.Tùy thuộc vào nơi bạn tạo nó, UI hiển thị hoặc trên màn hình hoặc trong thế giới 3D của trải nghiệm .

Giao diện người dùng trên màn hình

Thùng chứa trên màn hình giữ các đối tượng UI bạn muốn hiển thị trên màn hình của người dùng.Tất cả các đối tượng UI trên màn hình và mã được lưu và thay đổi trên máy khách

Giao diện người dùng trong kinh nghiệm

Thùng chứa trong kinh nghiệm như SurfaceGuisBillboardGuis giữ các đối tượng UI bạn muốn hiển thị trong thế giới 3D của trải nghiệm của bạn.

Các đối tượng UI

Hầu hết các thành phần UI là GuiObjects , đối tượng giao diện người dùng 2D mà bạn có thể gán cho các thùng chứa.Bốn thông dụng nhất là khung , nhãn , nút , và đầu vào văn bản các đối tượng.

Vật phẩmMô tả
KhungFrames hành động như thùng chứa cho các đối tượng UI khác. Khi bạn thao tác với khung, bạn cũng thao tác với các đối tượng chúng chứa.
NhãnTextLabelImageLabel các đối tượng cho phép bạn hiển thị văn bản và hình ảnh có thể tùy chỉnh.
Cái nútTextButtonImageButton các đối tượng cho phép người dùng yêu cầu một hành động.
Nhập văn bảnTextBox các đối tượng cho phép người dùng nhập văn bản.

Sử dụng các thuộc tính Position, Size, AnchorPointZIndex , bạn có kiểm soát hoàn toàn về cách để vị trí , kích thướclớpGuiObjects .Bạn cũng có thể sử dụng tweening để chuyển sang một trạng thái khác một cách mượt mà và cung cấp phản hồi hình ảnh dinhám.

Bố trí và thiết kế

Ngoài các tính chất cơ bản để điều chỉnh vị trí và kích thước, Roblox cũng cung cấp cấu trúc bố trí như danh sách/linh hoạtlưới , cũng như chỉnh sửa kích thướcchỉnh sửa xuất hiện .

UIListLayout cho chuỗi vật phẩm ngang hoặc dọc

Khung tương tác

Ngoài các đối tượng giao diện người dùng chính core, các khung sau cung cấp khả năng tương tác tích hợp và có thể tùy chỉnh cho trải nghiệm của bạn.

Thông báo cảm biến gần

Thông báo cảm biến gần là các đối tượng UI tích hợp duy nhất kích hoạt tương tác người dùng để kích hoạt hành động khi họ tiếp cận các đối tượng trong kinh nghiệm như cửa, công tắc ánh sáng và nút.

Trình phát hiện kéo UI

Trình phát hiện kéo UI dễ dàng và khuyến khích tương tác với các thành phần giao diện người dùng 2D như thanh trượt, bánh xe và nhiều hơn nữa.

Máy dò kéo 3D

3D máy dò kéo khuyến khích tương tác vật lý với các đối tượng 3D trong một trải nghiệm, chẳng hạn như mở cửa và ngăn kéo, kéo một phần xung quanh, nắm lấy và ném một quả bóng bowling, kéo lại và bắn một khẩu súng ngắn, và nhiều hơn nữa.