Các nút chữ và hình ảnh

Những 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 ngoại hình hoặc scripting feedback audible khi một người 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 kinh nghiệm :

• A TextButton is a rectangle with text that triggers the Activated event on click/tap.

• Một ImageButton là một hình chữ nhật với hình ảnh được kích hoạt bởi sự kiểm tra Activated trên click/tap. Nó có thêm các trạng thái để đổi hình ảnh khi người dùng hover hoặc nhấn.

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

Các nút trên màn hình có ích để hướng dẫn người dùng nhanh chóng qua các mục hoặc trang.

Để 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. Trên đó StarterGui và nhấp vào nút ⊕. Một menu上下文显示。

   2. Thêm một ScreenGUI .

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

   1. Trên đó ScreenGUI và nhấp vào nút ⊕. Một menu上下文显示。

   2. Làm điều đó bằng cách Nhúc nhích một TextButton hoặc ImageButton .

   

Tạo nút trên mặt phẳng

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

Để thêm một nút vào khuôn mặt của một phần:

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

   1. Bỏ chuột vào phần và nhấp vào nút ⊕. Một menu ng上下文 hiển thị.

   2. Insert a Bề mặt Gui .

2. Chọn mới SurfaceGui và thêm bất kỳ loại nút hoặc nhập.

   1. Trên SurfaceGui và nhấp vào nút ⊕. Một menu ng上下文 hiển thị.

   2. Làm điều đó bằng cách Nhúc nhích một TextButton hoặc ImageButton .

   

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

Đổi vẻ ngoài của một ImageButton

Thay đổi nhìn nhận của một ImageButton khi một người tương tác với nó cung cấp cho người dùng một phản hồi thị giác hữu ích. Ví dụ, khi một ImageButton thay đổi diện mạo hành động

Một ImageButton có ba tính năng để thay đổi ngoại hình thị giác của nó:

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

• HoverImage - Hình ảnh hiển thị khi người dùng giữ chuột trên ImageButton .

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

Để thay đổi nhìn bề ngoài của một ImageButton với sự đầu ghi 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 , hãy nhấp vào đối tượng ImageButton .

3. Trong cửa sổ Tính chất , hãy gán 3 ID tài nguyên khác nhau cho Hình ảnh , HoverImage và 1>PressedImage1>属性.

Nút lập trình

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

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