그래픽 표시

아티클
08/20/2008

업데이트: 2007년 11월

이 단원에서는 Visual Basic에서 그래픽 메서드를 사용하여 폼에 그리는 방법을 배웁니다.

이전 단원에서는 PictureBox 컨트롤을 사용하여 폼에 그림을 표시하는 방법을 배웠습니다. 그림을 가지고 있으면 이 작업은 문제없이 수행할 수 있지만, 폼에 직접 무언가를 그려야 하는 경우도 있습니다. 예를 들어 선을 그려 두 필드를 구분하거나 원을 그려 중요한 레이블을 강조 표시하는 경우가 있습니다.

Visual Basic에서는 그래픽 메서드를 사용하여 원하는 것은 무엇이든 폼이나 컨트롤에 그릴 수 있습니다.

그래픽 기본 사항

그리기를 시작하기 전에 알아야 할 몇 가지 사항이 있습니다. 컴퓨터 화면은 픽셀이라는 수천 개의 작은 점으로 이루어져 있으며 프로그램은 각 픽셀의 색을 정의하여 화면에 표시되는 내용을 제어합니다. 물론 이러한 작업의 대부분은 폼과 컨트롤을 정의하는 코드에서 미리 수행됩니다.

폼은 그리거나 색칠할 수 있는 캔버스와 같습니다. 실제 캔버스와 마찬가지로 폼에도 크기가 있습니다. 실제 캔버스는 크기를 인치 또는 센티미터로 나타내지만 폼은 픽셀로 나타냅니다. 좌표계는 각 픽셀의 위치를 결정하며 X 좌표는 가로 길이를 나타내고 Y 좌표는 세로 길이를 나타냅니다.

좌표는 폼의 왼쪽 위 모퉁이에서 시작되므로 왼쪽에서 10픽셀, 아래로 10픽셀 떨어진 위치에 단일 점을 그리려는 경우 X 및 Y 좌표를 10, 10으로 표시합니다.

또한 픽셀은 그래픽의 너비와 높이를 나타내는 데 사용됩니다. 크기가 100(너비) x 100(높이)픽셀인 사각형을 해당 왼쪽 위 모퉁이가 왼쪽에서 10픽셀, 아래로 10픽셀 떨어진 위치에 놓이도록 정의하려면 좌표를 10, 10, 100, 100으로 나타냅니다.

화면에서 그리는 동작을 그리기라고 합니다. 폼과 컨트롤에는 폼을 처음 표시할 때나 다른 창이 폼을 가리는 경우처럼 다시 그려야 할 때마다 발생하는 Paint 이벤트가 있습니다. 그래픽을 표시하기 위해 작성하는 모든 코드는 일반적으로 Paint 이벤트 처리기에 들어 있습니다.

선 그리기

폼에 선을 그리려면 선의 좌표와 색을 정의해야 합니다. 앞에서 언급한 것처럼 X 및 Y 좌표는 픽셀로 나타냅니다. 선에는 두 개의 좌표 집합이 있으며 시작 위치 다음에 종료 위치가 오는 순서로 구성되어 있습니다.

펜으로 종이에 선을 그리는 것처럼 Visual Basic에서는 Pen 개체를 사용하여 폼에 그립니다. Pen 개체는 선의 모양(여기서는 색)을 정의합니다. 다음 절차에서는 폼에 가로줄, 세로줄 및 대각선을 그립니다.

실습

선을 그리려면

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

새 Windows Forms 프로젝트가 열립니다.
폼을 두 번 클릭하여 코드 편집기를 연 다음 이벤트 드롭다운 목록에서 Paint를 선택합니다.

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

' Draw a 400 pixel black line 25 pixels from the top of the form.
e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
' Draw a 500 pixel red line 100 pixels from the left of the form.
e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
' Draw a diagonal blue line from the upper left to the lower right.
e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)