텍스트 및 이미지 버튼

*이 콘텐츠는 AI(베타)를 사용해 번역되었으며, 오류가 있을 수 있습니다. 이 페이지를 영어로 보려면 여기를 클릭하세요.

버튼GuiObjects 이며 사용자가 액션을 수행할 수 있게 합니다. 버튼을 사용자 지정하여 컨텍스트 및 피드백을 제공하는 경우, 사용자가 버튼을 클릭할 때 시각적 모양이나 스크립트 가능한 피드백을 변경하거나 스크립트 가 가시적 피드백을 제공할 수

화면에 배치할 수 있는 두 가지 유형의 버튼이 있습니다. 온-스크린 또는 인-익스피리언스 :

  • Class.TextButton 는 클릭/탭 이벤트에서 Activated 이벤트를 트리거하는 직사각형입니다.

  • Class.ImageButton 는 클릭/탭에서 이벤트 Class.GuiButton.Activated|Activated 를 트리거하는 이미지가 있는 직사각형입니다. 이 기능은 사용자 마우스를 스와핑하거나 누르다경우 이미지를 교체하는 추가 상태를 특징으로 합니다.

화면에 버튼 생성

화면에 버튼이 있으면 사용자가 다양한 메뉴나 페이지로 빠르게 이동할 수 있습니다.

화면에 버튼을 추가하려면:

  1. In the 탐색기 창에서 StarterGui 를 선택하고 ScreenGui 를 추가합니다.

    1. StarterGui 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.

    2. Insert a ScreenGui .

  2. 새로운 ScreenGUI 를 선택하고 버튼을 추가하십시오.

    1. ScreenGUI 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.

    2. 입력 하거나 텍스트 버튼 또는 이미지 버튼 을 삽입 합니다.

부품 얼굴에 버튼 생성

부품에 버튼이 있으면 사용자가 부품과 상호 작용할 수 있습니다. 예를 들어, 사용자가 버튼을 밟고 액션완료할 수 있습니다.

부품의 얼굴에 버튼을 추가하려면:

  1. In the 탐색기 window, select the 부품 and add a 서면 가이드 .

    1. 부품 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.

    2. 입력 서면 가이드 .

  2. 새로운 서피스 가이드 를 선택하고 모든 종류의 버튼이나 입력을 추가하십시오.

    1. 서피스 가이드 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.

    2. 입력 하거나 텍스트 버튼 또는 이미지 버튼 을 삽입 합니다.

이미지 버튼의 모양 변경

사용자가 ImageButton 에 대화하는 동안 모양을 변경하면 유용한 시각적 피드백을 제공합니다. 예를 들어, 사용자가 ImageButton 에 대화하는 경우 사용자가 그것을 마우스로 이동하면 해당 모양이 비활성화되지 않았음을

Class.ImageButton에는 시각적 모습변경할 수 있는 세 가지 속성이 있습니다.

  • Image - 사용자가 Class.ImageButton 을 사용하지 않을 때 표시되는 이미지입니다.

  • HoverImage - 사용자가 커서를 ImageButton 위에 올릴 때 표시되는 이미지입니다.

  • PressedImage - 사용자가 ImageButton 을 클릭할 때 표시되는 이미지입니다.

일반적인 것은 일반적인 것입니다.
호버링
누르기

사용자 입력과 함께 ImageButton 의 모양을 변경하려면:

  1. 이미지 버튼을 화면 또는 표면에 추가합니다.

  2. 탐색기 창에서 클릭하십시오 이미지 버튼 개체.

  3. In the 속성 window, assign three different reserved 자산 IDs for the 이미지 , 호버 이미지 and 1>누르기 이미지1> 속성.

스크립트 버튼

사용자가 버튼을 연결하여 GuiButton.Activated 이벤트에 버튼을 스크립트할 때 사용자 스크립트를 작성할 수 있습니다. 예를 들어, 다음 LocalScript를 버튼에 부모로 지정하면 버튼이 매번 사용자가 클릭할 때 랜덤한 색으로 변경됩니다.


local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
-- 버튼 색상 랜덤화
button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)