Bạn có thể nhanh chóng tạo ra 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 đố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 trò chơi.
UI trên màn hình
Các container trên màn hình giữ 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 client.
UI trong trò chơi
Các container trong trò chơi như SurfaceGuis và BillboardGuis giữ các đối tượng UI mà bạn muốn hiển thị trong thế giới 3D của trò chơi.
Đối tượng UI
Hầu hết các phần tử UI là GuiObjects, các đối tượng giao diện người dùng đồ họa 2D mà bạn có thể gán cho các container. Bốn loại phổ biến nhất là khung, nhãn, nút, và đầu vào văn bản.
| Đối tượng | Mô tả |
|---|---|
| Frame | Frames hoạt động như các container cho các đối tượng UI khác. Khi bạn thao tác với các khung, bạn cũng thao tác với các đối tượng mà chúng chứa. |
| Label | 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. |
| Button | Các đối tượng TextButton và ImageButton cho phép người dùng kích hoạt một hành động. |
| Text Input | 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 đặt, kích thước, và tầng của GuiObjects. Bạn cũng có thể sử dụng tweening để 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 hình ảnh độ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ũng 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ộ điều chỉnh kích thước và bộ điều chỉnh hình thức.
Phong cách toàn cầu
Phong cách toàn cầu là một giải pháp của Roblox cho các bảng kiểu, tương tự như CSS, cho phép bạn khai báo và áp dụng toàn cầu các ghi đè cho các thuộc tính của đối tượng UI. Hỗ trợ cấp engine này là nền tảng cho Trình chỉnh sửa phong cách 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 sẵn và tùy chỉnh cho các trò chơi 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 người dùng tương tác để kích hoạt một hành động khi họ tiếp cận các đối tượng trong trò chơi 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 phần tử giao diện người dùng 2D như thanh trượt, vòng 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 tương tác vật lý với các đối tượng 3D trong trò chơi, chẳng hạn như mở cửa và ngăn kéo, kéo một phần xung quanh, 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.