이미지 표시: PictureBox 컨트롤 사용

아티클
08/20/2008

업데이트: 2007년 11월

이 단원에서는 PictureBox 컨트롤을 사용하여 이미지를 표시하는 방법과 그림을 폼에 배경 이미지로 표시하는 방법을 배웁니다.

그림 하나로 많은 양의 텍스트를 대신할 수 있으며, 실제로 많은 프로그램에서는 그림을 사용하여 정보를 전달합니다. Visual Basic에서 그림을 표시하는 방법은 여러 가지가 있지만 가장 일반적인 방법은 PictureBox 컨트롤을 사용하는 것입니다.

PictureBox 컨트롤은 그림의 컨테이너 역할을 합니다. 표시할 그림은 Image 속성을 설정하여 선택합니다. Image 속성은 속성 창에서 설정할 수 있습니다. 또는 프로그램에 표시할 그림을 알려 주는 코드를 작성할 수도 있습니다.

PictureBox 컨트롤의 다른 유용한 속성에는 PictureBox를 그림에 맞게 확장할지 여부를 결정하는 AutoSize 속성과 PictureBox 컨트롤에서 이미지의 늘이기, 가운데 맞춤 또는 확대/축소에 사용할 수 있는 SizeMode 속성이 있습니다.

그림을 PictureBox 컨트롤에 추가하기 전에 일반적으로 그림 파일을 프로젝트에 리소스로 추가합니다. 프로젝트에 추가한 리소스는 원하는 만큼 다시 사용할 수 있습니다. 이는 같은 그림을 여러 위치에 표시해야 하는 등의 경우에 유용합니다.

실습

그림을 리소스로 추가하려면

파일 메뉴에서 새 프로젝트를 클릭합니다.
새 프로젝트 대화 상자의 템플릿 창에서 Windows 응용 프로그램을 클릭합니다.
이름 상자에 Pictures를 입력한 다음 확인을 클릭합니다.

새 Windows Forms 프로젝트가 열립니다.
솔루션 탐색기 창에서 내 프로젝트 노드를 두 번 클릭하여 프로젝트 디자이너를 엽니다.
프로젝트 디자이너에서 리소스 탭을 클릭합니다.
리소스 추가를 클릭한 다음 드롭다운 목록에서 기존 파일 추가를 선택합니다.

리소스에 기존 파일 추가 대화 상자가 열립니다. 그림 파일이 표시되지 않으면 그림이 포함된 폴더를 찾습니다.
파일 확장명이 .bmp, .gif 또는 .jpg인 이미지 파일을 선택한 다음 열기를 클릭합니다. 이 예제에서는 작은 그림을 선택하는 것이 좋습니다.

그림이 프로젝트에 추가되어 리소스 관리자 창에 나타납니다.
앞의 두 단계를 반복하여 프로젝트에 두 번째 그림을 추가합니다.
파일 메뉴에서 닫기를 클릭합니다. 변경 내용을 저장할 것인지 묻는 메시지가 표시되면 예를 클릭합니다.

PictureBox 컨트롤을 사용하여 그림을 표시하려면

솔루션 탐색기에서 Form1.vb를 선택한 다음 보기 메뉴에서 디자이너를 클릭합니다.
도구 상자에서 PictureBox 컨트롤을 폼으로 끌어 옵니다.
속성 창에서 Image 속성 옆에 있는 … 단추를 클릭하여 리소스 선택 대화 상자를 엽니다.
엔트리 목록에서 추가한 그림 중 하나를 선택하고 확인을 클릭합니다.
SizeMode 속성을 선택하고 해당 값을 AutoSize로 설정합니다.

PictureBox 컨트롤의 크기가 그림에 맞게 자동으로 조정되는 방식을 확인합니다.
폼에서 PictureBox 컨트롤을 두 번 클릭하여 코드 편집기에서 PictureBox1_Click 이벤트 처리기를 엽니다.
PictureBox1_Click 이벤트 처리기에 다음 코드를 추가합니다.

참고:

"MyPictureName2"를 위에서 추가한 두 번째 그림의 실제 이름으로 바꿔야 합니다.
```
PictureBox1.Image = My.Resources.MyPictureName2
```
F5 키를 눌러 프로그램을 실행합니다. 폼이 나타나면 그림을 클릭하여 두 번째 그림을 표시합니다.

참고:
"MyPictureName2"를 위에서 추가한 두 번째 그림의 실제 이름으로 바꿔야 합니다.

폼에 배경 이미지 표시

그림을 PictureBox 컨트롤에 표시할 수 있을 뿐만 아니라 폼의 배경으로 표시할 수도 있습니다. 폼의 BackgroundImage 속성은 Windows 바탕 화면의 배경 무늬처럼 폼의 다른 모든 컨트롤 뒤에 나타날 그림을 표시하는 데 사용합니다.

Windows에서 배경 무늬를 가운데에 맞출지 바둑판식으로 배열할지 또는 화면 크기에 맞게 늘일지 선택하는 것처럼, 폼에서는 BackgroundImageLayout 속성을 사용하여 이와 같은 작업을 수행할 수 있습니다.

팁:
Panel, GroupBox 및 Button 컨트롤 같은 다른 여러 컨트롤에도 BackgroundImage 속성이 있습니다. 그러면 이것을 직접 확인해 보겠습니다.

실습

폼에 배경 이미지를 표시하려면

솔루션 탐색기에서 Form1.vb를 선택한 다음 보기 메뉴에서 디자이너를 클릭합니다.
PictureBox 외부에서 폼을 클릭하여 선택합니다.
속성 창에서 BackgroundImage 속성 옆에 있는 … 단추를 클릭하여 리소스 선택 대화 상자를 엽니다.

엔트리 목록에서 위에서 추가한 그림 중 하나를 선택하고 확인을 클릭합니다.

그림이 PictureBox 뒤에서 폼에 표시되며 기본적으로 바둑판식으로 배열됩니다.

참고:
PictureBox 컨트롤의 그림이 너무 크면 배경 그림이 나타나지 않을 수 있습니다. 이 경우 PictureBox 컨트롤을 선택하고 폼의 맨 아래로 끌어 놓아 폼에서 제거합니다.

BackgroundImageLayout 속성을 선택하고 해당 값을 Stretch로 설정합니다.

그림이 확장되어 전체 폼을 채우는 방식을 확인합니다.
폼을 두 번 클릭하여 코드 편집기를 엽니다.
왼쪽 드롭다운 상자에서 Form1 이벤트가 선택되어 있는지 확인한 다음 오른쪽 드롭다운 상자에서 Click을 클릭합니다.

Form1_Click 이벤트 처리기에 다음 코드를 추가합니다.

If Me.BackgroundImageLayout = ImageLayout.Stretch Then
  Me.BackgroundImageLayout = ImageLayout.Center
Else
  Me.BackgroundImageLayout = ImageLayout.Stretch
End If

F5 키를 눌러 프로그램을 실행합니다. 폼이 나타나면 클릭하여 레이아웃을 변경합니다.

다음 단계

이 단원에서는 PictureBox 컨트롤을 사용하여 이미지를 표시하는 방법과 폼의 BackgroundImage 속성을 사용하는 방법을 배웠습니다. 다음 단원에서는 메뉴를 만들어 사용자에게 선택 항목을 보여 주는 방법을 배웁니다.

다음 단원: 사용자에게 선택 기능 제공: 디자인 타임에 메뉴 만들기

다음을 통해 공유