다음을 통해 공유


폼에 모양 그리기

업데이트: 2007년 11월

이 단원에서는 폼에 사각형이나 원 등의 모양을 그리는 방법을 배웁니다.

이전 단원에서는 DrawLine 그래픽 메서드와 Pen 개체를 사용하여 폼에 선을 그리는 방법을 배웠습니다. Visual Basic에는 DrawLine 메서드 외에도 모양을 그리는 그래픽 메서드와 모양을 채우는 브러시라는 그래픽 개체가 있습니다.

간단한 모양 그리기

모양 그리기는 먼저 좌표와 색을 정의해야 한다는 점에서 선 그리기와 비슷합니다. 그러나 선은 시작점과 끝점을 정의하는 좌표를 사용하는 반면, 정사각형 또는 직사각형 같은 모양은 왼쪽 위 모퉁이, 너비 및 높이를 나타내는 좌표를 사용합니다.

원과 타원(타원(ellipses)이라고도 함)은 왼쪽 위 모퉁이가 없으므로 좌표는 너비와 높이가 해당 원 또는 타원과 동일한 가상의 사각형인 경계 사각형의 왼쪽 위 모퉁이를 나타냅니다.

실습

모양을 그리려면

  1. 파일 메뉴에서 새 프로젝트를 선택합니다.

  2. 새 프로젝트 대화 상자의 템플릿 창에서 Windows 응용 프로그램을 선택합니다.

  3. 이름 상자에 Shapes를 입력한 다음 확인을 클릭합니다.

    새 Windows Forms 프로젝트가 열립니다.

  4. 폼을 두 번 클릭하여 코드 편집기를 연 다음 이벤트 드롭다운 목록에서 Paint를 선택합니다.

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

    ' Draw a 200 by 150 pixel green rectangle.
    e.Graphics.DrawRectangle(Pens.Green, 10, 10, 200, 150)
    ' Draw a blue square
    e.Graphics.DrawRectangle(Pens.Blue, 30, 30, 150, 150)
    ' Draw a 150 pixel diameter red circle.
    e.Graphics.DrawEllipse(Pens.Red, 0, 0, 150, 150)
    ' Draw a 250 by 125 pixel yellow oval.
    e.Graphics.DrawEllipse(Pens.Yellow, 20, 20, 250, 125)
    
  6. F5 키를 눌러 프로그램을 실행합니다. 폼에 네 개의 모양이 표시되어야 합니다.

    다음 프로시저에서 추가할 사항이 있으므로 프로젝트를 계속 열어 둡니다.

채워진 모양 그리기

지금까지는 윤곽선만 있는 모양을 그렸습니다. 단색으로 모양을 그리려면 FillRectangle 또는 FillEllipse 같은 채우기 메서드 중 하나를 사용해야 합니다. 채우기 메서드는 그리기에 사용할 수 있는 또 다른 형식의 그래픽 개체인 Brush 개체를 사용합니다.

다른 색으로 모양을 채우려면 모양보다 작은 좌표를 정의해야 합니다. 그렇지 않으면 테두리가 사라집니다. 예를 들어 좌표가 0, 0, 150, 150인 사각형을 채우려면 선의 두께 1픽셀을 감안하여 좌표 1, 1, 148, 148로 채우기를 지정합니다.

채워진 모양을 그리려면

  1. Form1_Paint 이벤트 처리기에서 위에서 입력한 코드 아래에 다음 코드를 추가합니다.

    ' Fill the circle with the same color as its border.
    e.Graphics.FillEllipse(Brushes.Red, 0, 0, 150, 150)
    ' Fill the square with a different color.
    e.Graphics.FillRectangle(Brushes.Aquamarine, 31, 31, 148, 148)
    
  2. F5 키를 눌러 프로그램을 실행합니다.

    채워진 사각형이 채워진 원 위에 나타나지만 해당 테두리 부분이 사라졌습니다. 그래픽 메서드를 호출하는 순서에 따라 모양을 그리는 순서가 결정됩니다. 이 경우에는 채워진 원이 파란색 테두리의 사각형 다음에 그려졌습니다.

    메서드 순서를 변경하여 결과를 확인해 보십시오.

다음 단계

이 단원에서는 모양을 그리고 채우는 방법을 배웠습니다. 다음 단원에서는 그래픽 메서드를 사용하여 텍스트를 그리는 방법을 배웁니다.

다음 단원: 폼에 텍스트 그리기

참고 항목

작업

그래픽 표시

기타 리소스

그림 그리기: 그래픽 사용

Visual Basic 둘러보기