방법: OvalShape 및 RectangleShape 컨트롤을 사용하여 도형 그리기(Visual Studio)

업데이트: 2008년 7월

OvalShape 컨트롤을 사용하여 디자인 타임과 런타임 모두에 폼 또는 컨테이너에서 원 또는 타원을 그릴 수 있습니다. RectangleShape 컨트롤을 사용하여 폼 또는 컨테이너에 사각형 또는 모퉁이가 둥근 사각형을 그릴 수 있습니다. 또한 이 컨트롤을 사용하여 디자인 타임과 런타임 모두에서 도형을 그릴 수 있습니다.

테두리의 너비, 색 및 스타일을 변경하여 도형의 모양을 사용자 지정할 수 있습니다. 도형의 배경은 기본적으로 투명합니다. 사용자는 단색, 패턴, 그라데이션 채우기(한 색에서 다른 색으로의 전환) 또는 이미지를 표시하도록 배경을 사용자 지정할 수 있습니다.

디자인 타임에 간단한 도형을 그리려면

1. 도구 상자의 Visual Basic PowerPacks 탭에서 폼 또는 컨테이너 컨트롤로 OvalShape 또는 RectangleShape 컨트롤을 끌어 옵니다.

2. 크기 조정 핸들을 끌어 이동하여 도형의 크기를 조정하고 도형을 배치합니다.

   또한 속성 창에서 Size 및 Position 속성을 변경하여 도형의 크기를 조정하고 도형을 배치할 수 있습니다.

   모퉁이가 둥근 사각형을 만들려면 속성 창에서 CornerRadius 속성을 선택하고 이 속성 값을 0보다 큰 값으로 설정합니다.

3. 속성 창에서 도형의 모양을 변경하도록 추가 속성을 설정할 수도 있습니다.

런타임에 간단한 도형을 그리려면

1. 프로젝트 메뉴에서 참조 추가를 클릭합니다.

2. 참조 추가 대화 상자에서 Microsoft.VisualBasic.PowerPacks.VS를 선택한 다음 확인을 클릭합니다.

3. 코드 편집기에서 모듈의 맨 위에 Imports 또는 using 문을 추가합니다.

   Imports Microsoft.VisualBasic.PowerPacks
   

   using Microsoft.VisualBasic.PowerPacks;
   

4. Event 프로시저에 다음 코드를 추가합니다.

   Dim canvas As New ShapeContainer
   ' To draw an oval, substitute 
   ' OvalShape for RectangleShape.
   Dim theShape As New RectangleShape
   ' Set the form as the parent of the ShapeContainer.
   canvas.Parent = Me
   ' Set the ShapeContainer as the parent of the Shape.
   theShape.Parent = canvas
   ' Set the size of the shape.
   theShape.Size = New System.Drawing.Size(200, 300)
   ' Set the location of the shape.
   theShape.Location = New System.Drawing.Point(100, 100)
   ' To draw a rounded rectangle, add the following code:
   theShape.CornerRadius = 12
   

   ShapeContainer canvas = new ShapeContainer();
   // To draw an oval, substitute 
   // OvalShape for RectangleShape.
   RectangleShape theShape = new RectangleShape();
   // Set the form as the parent of the ShapeContainer.
   canvas.Parent = this;
   // Set the ShapeContainer as the parent of the Shape.
   theShape.Parent = canvas;
   // Set the size of the shape.
   theShape.Size = new System.Drawing.Size(200, 300);
   // Set the location of the shape.
   theShape.Location = new System.Drawing.Point(100, 100);
   // To draw a rounded rectangle, add the following code:
   theShape.CornerRadius = 12;
   

도형 사용자 지정

기본 설정을 사용하는 경우 너비가 1픽셀이고 배경이 투명한 검정 테두리의 OvalShape 및 RectangleShape 컨트롤이 표시됩니다. 속성을 설정하여 테두리의 너비, 스타일 및 색을 변경할 수 있습니다. 추가 속성을 사용하여 도형의 배경을 단색, 패턴, 그라데이션 채우기 또는 이미지로 변경할 수 있습니다.

도형의 배경을 변경하기 전에 여러 속성이 상호 작용하는 방식을 알아야 합니다.

• BackStyle 속성을 Opaque로 설정하지 않는 한 BackColor 속성을 설정해도 아무런 영향을 주지 않습니다.

• FillStyle 속성이 Solid로 설정되면 FillColor에서 BackColor를 재정의합니다.

• FillStyle 속성이 Horizontal 또는 Vertical과 같은 패턴 값으로 설정되면 패턴이 FillColor로 표시됩니다. BackStyle 속성이 Opaque로 설정되면 배경이 BackColor로 표시됩니다.

• 그라데이션 채우기를 표시하려면 FillStyle 속성이 Solid로 설정되어야 하고 FillGradientStyle 속성이 None 이외의 값으로 설정되어야 합니다.

• BackgroundImage 속성을 이미지로 설정하면 다른 모든 배경 설정이 재정의됩니다.

사용자 지정 테두리가 있는 원을 그리려면

1. 도구 상자의 Visual Basic PowerPacks 탭에서 폼 또는 컨테이너 컨트롤로 OvalShape 컨트롤을 끌어 옵니다.

2. 속성 창에서 Size 속성의 Height 및 Width 값을 같은 값으로 설정합니다.

3. BorderColor 속성을 원하는 색으로 설정합니다.

4. BorderStyle 속성을 Solid 이외의 값으로 설정합니다.

5. BorderWidth 속성을 원하는 크기(픽셀)로 설정합니다.

단색 채우기가 있는 원을 그리려면

1. 도구 상자의 Visual Basic PowerPacks 탭에서 폼 또는 컨테이너 컨트롤로 OvalShape 컨트롤을 끌어 옵니다.

2. 속성 창에서 Size 속성의 Height 및 Width 값을 같은 값으로 설정합니다.

3. BackColor 속성을 원하는 색으로 설정합니다.

4. BackStyle 속성을 Opaque로 설정합니다.

패턴화된 채우기가 있는 원을 그리려면

1. 도구 상자의 Visual Basic PowerPacks 탭에서 폼 또는 컨테이너 컨트롤로 OvalShape 컨트롤을 끌어 옵니다.

2. 속성 창에서 Size 속성의 Height 및 Width 값을 같은 값으로 설정합니다.

3. BackColor 속성을 원하는 배경색으로 설정합니다.

4. BackStyle 속성을 Opaque로 설정합니다.

5. FillColor 속성을 원하는 패턴 색으로 설정합니다.

6. FillStyle 속성을 Transparent 또는 Solid 이외의 값으로 설정합니다.

그라데이션 채우기가 있는 원을 그리려면

1. 도구 상자의 Visual Basic PowerPacks 탭에서 폼 또는 컨테이너 컨트롤로 OvalShape 컨트롤을 끌어 옵니다.

2. 속성 창에서 Size 속성의 Height 및 Width 값을 같은 값으로 설정합니다.

3. FillColor 속성을 시작 색으로 설정합니다.

4. FillGradientColor 속성을 끝 색으로 설정합니다.

5. FillGradientStyle 속성을 None 이외의 값으로 설정합니다.

이미지로 채워진 원을 그리려면

1. 도구 상자의 Visual Basic PowerPacks 탭에서 폼 또는 컨테이너 컨트롤로 OvalShape 컨트롤을 끌어 옵니다.

2. 속성 창에서 Size 속성의 Height 및 Width 값을 같은 값으로 설정합니다.

3. BackgroundImage 속성을 선택하고 줄임표 단추(...)를 클릭합니다.

4. 리소스 선택 대화 상자에서 표시할 이미지를 선택합니다. 이미지 리소스가 나열되지 않으면 가져오기를 클릭하여 이미지 위치를 찾아봅니다.

5. 확인을 클릭하여 이미지를 삽입합니다.

참고 항목

작업

방법: LineShape 컨트롤로 선 그리기(Visual Studio)

개념

Line 및 Shape 컨트롤 소개(Visual Studio)

참조

OvalShape

RectangleShape

변경 기록