Bạn có thể nhanh chóng tạo ra các giao diện đồ 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 đối tượng UI tích hợp sẵn. Tùy thuộc vào nơi bạn tạo nó, UI sẽ được hiển thị trên màn hình hoặc trong thế giới 3D của một trải nghiệm.
UI trên màn hình
Các bộ chứa trên màn hình chứa các đối tượng UI mà bạn muốn hiển thị trên màn hình của người chơi, bao gồm khung, nhãn, nút, và nhiều hơn nữa. Tất cả các đối tượng UI trên màn hình và mã đều được lưu trữ và thay đổi trên máy khách.
UI trong trải nghiệm
Các bộ chứa trong trải nghiệm như SurfaceGuis và BillboardGuis chứa các đối tượng UI mà bạn muốn hiển thị trong thế giới 3D của trải nghiệm của bạn.
Đối tượng UI
Hầu hết các yếu tố UI là GuiObjects, các đối tượng giao diện người dùng 2D mà bạn có thể gán làm cha cho các bộ chứa. Bốn loại phổ biến nhất là khung, nhãn, nút, và đối tượng nhập văn bản.
| Đối tượng | Mô tả |
|---|---|
| Khung | Frames hoạt động như các bộ 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 mà nó chứa. |
| Nhãn | Các đối tượng TextLabel và ImageLabel cho phép bạn hiển thị văn bản và hình ảnh tùy chỉnh. |
| Nút | Các đối tượng TextButton và ImageButton cho phép người dùng thực hiện hành động. |
| Nhập văn bản | Các đối tượng TextBox cho phép người dùng nhập văn bản. |
Sử dụng các thuộc tính Position, Size, AnchorPoint, và ZIndex, bạn có toàn quyền kiểm soát cách định vị, kích thước, và tầng của các GuiObjects. Bạn cũng có thể sử dụng hoạt ảnh để chuyển đổi một GuiObject một cách mượt mà từ trạng thái này sang trạng thái khác và cung cấp phản hồi trực quan động.
Bố cục và thiết kế
Ngoài các thuộc tính cơ bản để điều chỉnh vị trí và kích thước, Roblox còn cung cấp các cấu trúc bố cục như danh sách/linh hoạt và lưới, cũng như bộ biến kích thước và bộ biến hình ảnh.
Kiểu dáng toàn cầu
Kiểu dáng toàn cầu là một giải pháp của Roblox cho các tập tin kiểu, tương tự như CSS, cho phép bạn tuyên bố và áp dụng toàn cầu các ghi đè cho các thuộc tính của thể hiện UI. Hỗ trợ ở cấp độ động cơ này là nền tảng cho Trình chỉnh sửa kiểu dáng và quy trình token từ đầu đến cuối.
Khung tương tác
Ngoài các đối tượng giao diện người dùng cốt lõi, các khung sau đây cung cấp tính tương tác tích hợp và tùy chỉnh cho các trải nghiệm của bạn.
Lời nhắc gần
Lời nhắc gần là các đối tượng UI tích hợp độc đáo mà yêu cầu sự tương tác của người dùng để kích hoạt một hành động khi họ tiến lại gần các đối tượng trong trải nghiệm như cửa, công tắc đèn và nút.
Bộ phát hiện kéo UI
Bộ phát hiện kéo UI tạo điều kiện và khuyến khích tương tác với các yếu tố giao diện người dùng 2D như thanh trượt, con quay, và nhiều hơn nữa.
Bộ phát hiện kéo 3D
Bộ phát hiện kéo 3D khuyến khích sự 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, dịch chuyển một phần, nắm và ném một quả bóng bowling, kéo lại và bắn một cái ná, và nhiều hơn nữa.