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

*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.

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 sự xuất hiện hình ảnh hoặc lập trình phản hồi có thể nghe được khi người dùng nhấp vào 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 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/nhấn.

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

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

Nhưng nút trên màn hình có í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 ScreenGui .

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

    2. Thêm một ScreenGui .

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

    1. Chuyển qua ScreenGui và nhấp vào nút ⊕. Một menu bối cảnh hiển thị.

    2. Chèn hoặc TextButton hoặc ImageButton .

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

Nhưng nút trên một phần hữu ích để cho phép người dùng tương tác với các 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 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. Chuyển qua phần và nhấn nút ⊕ . Một menu ngữ cảnh hiển thị.

    2. Thêm 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. Chuyển qua SurfaceGui và nhấp vào nút ⊕. Một menu ngữ cảnh hiển thị.

    2. Chèn hoặc TextButton hoặc ImageButton .

Thay đổi diện mạo của một nút hình ảnh

Thay đổi trông của một ImageButton khi một người dùng tương tác với nó cung cấp phản hồi hình ảnh hữu ích.Ví dụ, khi một ImageButton thay đổi trông nhìn khi một người dùng lướt qua nó, nó cho phép người dùng biết rằng nó không bị vô hiệu hóa và họ có lựa 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 ngoại hìnhthức của nó:

Bình thường
Di chuột

Đã nhấn
>

Để thay đổi sự xuất hiện của một ImageButton với sự đầu nhập của người dùng:

  1. Thêm một nút hình ảnh 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ổ Tính năng , gán ba ID tài sản khác nhau cho Hình ảnh , HoverImage và PressedImage tính chất.

Nút kịch bản

Bạn có thể thực hiện một hành động khi người dùng 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 cha mẹ nút sau LocalScript đến một nút, nút thay đổi thành một 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()

	-- ngẫu nhiên hóa màu nút

	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)

end

button.Activated:Connect(onButtonActivated)