Nút văn bản & hình ảnh

Nút là GuiObjects cho phép người dùng thực hiện một hành động. Bạn có thể tùy chỉnh các nút để cung cấp ngữ cảnh và phản hồi, chẳng hạn như thay đổi diện mạo trực quan hoặc lập trình phản hồi âm thanh khi người dùng nhấp vào một nút.

Có hai loại nút mà bạn có thể đặt trên màn hình hoặc trong trải nghiệm:

• Một TextButton là một hình chữ nhật với văn bản kích hoạt sự kiện Activated khi nhấp/chạm.

• Một ImageButton là một hình chữ nhật với hình ảnh kích hoạt sự kiện Activated khi nhấp/chạm. Nó có các trạng thái bổ sung để hoán đổi hình ảnh khi người dùng di chuột hoặc nhấn vào.

Tạo nút trên màn hình

Nút trên màn hình rất hữu ích để nhanh chóng hướng dẫn người dùng đến các menu hoặc trang khác nhau.

Để thêm một nút vào màn hình:

1. Trong cửa sổ Explorer, chọn StarterGui và thêm một ScreenGui.

   1. Di chuyển qua StarterGui và nhấp vào nút ⊕. Một menu ngữ cảnh sẽ hiển thị.

   2. Chèn một ScreenGui.

2. Chọn ScreenGui mới và thêm một nút.

   1. Di chuyển qua ScreenGui và nhấp vào nút ⊕. Một menu ngữ cảnh sẽ hiển thị.

   2. Chèn một TextButton hoặc ImageButton.

   

Tạo nút trên bề mặt của bộ phận

Nút trên một bộ phận rất hữu ích cho phép người dùng tương tác với các bộ phận. Ví dụ, bạn có thể cho phép người dùng đứng lên một nút để hoàn thành một hành động.

Để thêm một nút vào bề mặt của một bộ phận:

1. Trong cửa sổ Explorer, chọn phần và thêm một SurfaceGui.

   1. Di chuyển qua phần và nhấp vào nút ⊕. Một menu ngữ cảnh sẽ hiển thị.

   2. Chèn một SurfaceGui.

2. Chọn SurfaceGui mới và thêm bất kỳ loại nút hoặc đầu vào nào.

   1. Di chuyển qua SurfaceGui và nhấp vào nút ⊕. Một menu ngữ cảnh sẽ hiển thị.

   2. Chèn một TextButton hoặc ImageButton.

   

   Nếu bạn không thấy nút, hãy thử chọn một bề mặt khác trong thuộc tính Face của SurfaceGui.

Thay đổi diện mạo của một ImageButton

Thay đổi diện mạo của một ImageButton khi người dùng tương tác với nó cung cấp phản hồi trực quan hữu ích. Ví dụ, khi một ImageButton thay đổi diện mạo trực quan khi người dùng di chuột qua, điều này cho phép người dùng biết rằng nó không bị vô hiệu hóa và họ có tùy chọn nhấp vào nó nếu họ muốn thực hiện hành động ImageButton đó.

Một ImageButton có ba thuộc tính để thay đổi diện mạo trực quan của nó:

• Image - Hình ảnh được hiển thị khi người dùng không tương tác với ImageButton.

• HoverImage - Hình ảnh được hiển thị khi người dùng di chuột qua ImageButton.

• PressedImage - Hình ảnh được hiển thị khi người dùng nhấp vào ImageButton.

Để thay đổi diện mạo của một ImageButton với đầu vào của người dùng:

1. Thêm một ImageButton vào một màn hình hoặc một bề mặt.

2. Trong cửa sổ Explorer, nhấp vào đối tượng ImageButton.

3. Trong cửa sổ Properties, gán ba ID tài sản khác nhau cho các thuộc tính Image, HoverImage, và PressedImage.

Lập trình nút

Bạn có thể lập trình một hành động khi người dùng nhấn nút bằng cách kết nối nút với sự kiện GuiButton.Activated. Ví dụ, khi bạn làm cha của LocalScript sau đây cho một nút, nút sẽ thay đổi thành màu ngẫu nhiên mỗi khi người dùng nhấp vào nó.

local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
	-- thay đổi màu nút ngẫu nhiên
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)