텍스트 및 이미지 버튼

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

버튼 은 사용자가 액션수행할 수 있게 하는 GuiObjects입니다.사용자가 버튼을 클릭할 때 시각적 모양을 변경하거나 스크립트를 실행하여 청각 피드백을 제공하는 등의 컨텍스트와 피드백을 사용자 지정할 수 있습니다.

화면에 배치할 수 있는 두 가지 유형의 버튼과 경험 내에서 배치할 수 있는 두 가지 유형의 버튼이 있습니다.

  • A TextButton 는 텍스트가 있는 직사각형으로, 클릭/탭하면 Activated 이벤트가 트리거됩니다.

  • ImageButton 는 클릭/탭에서 Activated 이벤트를 트리거하는 이미지가 있는 직사각형입니다.사용자가 이미지를 전환하거나 누르다동안 추가 상태를 제공합니다.

화면에 버튼 만들기

화면의 버튼은 사용자를 다양한 메뉴나 페이지로 신속하게 안내하는 데 유용합니다.

화면에 버튼 추가:

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

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

    2. ScreenGui 를 삽입합니다.

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

    1. ScreenGui 에 마우스를 올리고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.

    2. 텍스트 버튼 또는 이미지 버튼을 삽입합니다. TextButton 또는 ImageButton .

부품 표면에 버튼 만들기

부품의 버튼은 사용자가 부품과 상호작용할 수 있도록 하는 데 유용합니다. 예를 들어, 사용자가 버튼을 밟도록 허용하여 액션완료할 수 있습니다.

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

  1. 탐색기 창에서 부품을 선택하고 SurfaceGui를 추가합니다.

    1. 부분 에 마우스를 올리고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.

    2. SurfaceGui 를 삽입합니다.

  2. 새로운 SurfaceGui 를 선택하고 모든 유형의 버튼이나 입력을 추가하십시오.

    1. SurfaceGui 에 마우스를 올리고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.

    2. 텍스트 버튼 또는 이미지 버튼을 삽입합니다. TextButton 또는 ImageButton .

이미지 버튼의 모양 변경

사용자가 상호 작용할 때 ImageButton의 모양을 변경하면 유용한 시각적 피드백을 제공합니다.예를 들어, 사용자가 해당 요소 위로 마우스를 이동할 때 가 시각적 모양을 변경하면, 사용자가 비활성화되지 않았으며 해당 작업을 수행하려는 경우 클릭할 수 있는 액션있음을 알 수 있습니다.

ImageButton 는 시각적 모습변경하기 위한 세 가지 속성을 가지고 있습니다:

정상
호버

누르기
>

사용자 입력으로 ImageButton의 모양을 변경하려면:

  1. 스크린이나 서피스에 이미지 버튼 을 추가하십시오.

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

  3. 속성 창 에서 이미지 , 호버 이미지 , 그리고 누른 이미지 속성에 대해 세 가지 다른 관련 자산 ID를 할당합니다.

스크립트 버튼

사용자가 버튼을 누르면 버튼을 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)