[ C# 윈폼 ] 이미지 버튼 만들기 (버튼 애니메이션)

1. 버튼 이미지 ( UP/DOWN ) 준비

- 버튼 애니메이션에 필요한 2가지 이미지를 준비합니다.

입체감을 주기위한 버튼 이미지

 

 

2. 버튼(Button) 컨트롤 추가하기

- 도구상자에서 [ Button ] 을 선택한 후 폼에 추가합니다.

버튼 컨트롤 추가

 

-  폼에서 버튼을 선택한 후 속성을 변경합니다.

• BackgroundImage : 리소스 이미지로 변경 
• FlatAppearance - BorderSize : 0
• FlatSytle : Flat
• Text : 공백 
• Size : 리소스 이미지 사이즈로 변경

버튼 속성 변경

 

3. 버튼(Button) UP / DOWN 코드 추가하기

-  속성 - 이벤트에서 MouseDown , MouseUp 각각 더블클릭합니다.

 

 

-  MouseDown 에는 버튼이 눌리는 이미지를 추가합니다.

  ( MouseDown 이벤트 : 마우스 단추를 누르면 발생하는 이벤트 )

        private void button1_MouseDown(object sender, MouseEventArgs e)
        {
            button1.BackgroundImage = Properties.Resources.Button_Down;
        }

 

-  MouseUp 에는 버튼이 올라온 이미지를 추가합니다.

  ( MouseUp 이벤트 : 마우스 단추를 놓으면 발생하는 이벤트 )

        private void button1_MouseUp(object sender, MouseEventArgs e)
        {
            button1.BackgroundImage = Properties.Resources.Button_Up;
        }

 

 

 

4. 프로그램 실행 ( 이미지 버튼 확인 )

-  프로그램을 실행시킨 후 버튼을 클릭하여 이미지 버튼을 확인합니다.

이미지 버튼 실행

 

 - 참고 글

[ C# / 윈폼 ] 프로그램에 이미지 포함하기 (리소스 추가)
https://kkuing25.tistory.com/63

[ C# / 윈폼 ] 프로그램에 이미지 포함하기 (리소스 추가)