버튼 은 GuiObjects 이며 사용자가 액션을 수행할 수 있게 합니다. 버튼을 사용자 지정하여 컨텍스트 및 피드백을 제공하는 경우, 사용자가 버튼을 클릭할 때 시각적 모양이나 스크립트 가능한 피드백을 변경하거나 스크립트 가 가시적 피드백을 제공할 수
화면에 배치할 수 있는 두 가지 유형의 버튼이 있습니다. 온-스크린 또는 인-익스피리언스 :
Class.TextButton 는 클릭/탭 이벤트에서 Activated 이벤트를 트리거하는 직사각형입니다.
Class.ImageButton 는 클릭/탭에서 이벤트 Class.GuiButton.Activated|Activated 를 트리거하는 이미지가 있는 직사각형입니다. 이 기능은 사용자 마우스를 스와핑하거나 누르다경우 이미지를 교체하는 추가 상태를 특징으로 합니다.
화면에 버튼 생성
화면에 버튼이 있으면 사용자가 다양한 메뉴나 페이지로 빠르게 이동할 수 있습니다.
화면에 버튼을 추가하려면:
In the 탐색기 창에서 StarterGui 를 선택하고 ScreenGui 를 추가합니다.
StarterGui 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.
Insert a ScreenGui .
새로운 ScreenGUI 를 선택하고 버튼을 추가하십시오.
ScreenGUI 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.
입력 하거나 텍스트 버튼 또는 이미지 버튼 을 삽입 합니다.
부품 얼굴에 버튼 생성
부품에 버튼이 있으면 사용자가 부품과 상호 작용할 수 있습니다. 예를 들어, 사용자가 버튼을 밟고 액션완료할 수 있습니다.
부품의 얼굴에 버튼을 추가하려면:
In the 탐색기 window, select the 부품 and add a 서면 가이드 .
부품 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.
입력 서면 가이드 .
새로운 서피스 가이드 를 선택하고 모든 종류의 버튼이나 입력을 추가하십시오.
서피스 가이드 위로 마우스를 이동하고 ⊕ 버튼을 클릭하십시오. 컨텍스트 메뉴가 표시됩니다.
입력 하거나 텍스트 버튼 또는 이미지 버튼 을 삽입 합니다.
이미지 버튼의 모양 변경
사용자가 ImageButton 에 대화하는 동안 모양을 변경하면 유용한 시각적 피드백을 제공합니다. 예를 들어, 사용자가 ImageButton 에 대화하는 경우 사용자가 그것을 마우스로 이동하면 해당 모양이 비활성화되지 않았음을
Class.ImageButton에는 시각적 모습변경할 수 있는 세 가지 속성이 있습니다.
Image - 사용자가 Class.ImageButton 을 사용하지 않을 때 표시되는 이미지입니다.
HoverImage - 사용자가 커서를 ImageButton 위에 올릴 때 표시되는 이미지입니다.
PressedImage - 사용자가 ImageButton 을 클릭할 때 표시되는 이미지입니다.
사용자 입력과 함께 ImageButton 의 모양을 변경하려면:
이미지 버튼을 화면 또는 표면에 추가합니다.
탐색기 창에서 클릭하십시오 이미지 버튼 개체.
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)