폴리라인

샘플 찾아보기

.NET 다중 플랫폼 앱 UI(.NET MAUI) Polyline 클래스는 클래스에서 Shape 파생되며 일련의 연결된 직선을 그리는 데 사용할 수 있습니다. 다각형은 다각형과 유사합니다. 다각형의 마지막 점이 첫 번째 점에 연결되지 않는다는 점을 제외하면 다각형입니다. 클래스가 클래스에서 상속하는 Polyline 속성에 대한 자세한 내용은 Shapes를 참조하세요.Shape

Polyline는 다음 속성을 정의합니다.

• Points- 다선의 꼭짓점점을 설명하는 구조체의 Point 컬렉션인 형식PointCollection입니다.
• FillRule- 폴리라인의 교차 영역이 결합되는 방법을 지정하는 형식 FillRule입니다. 이 속성의 기본값은 FillRule.EvenOdd입니다.

이러한 속성은 BindableProperty 개체에서 지원하며, 따라서 데이터 바인딩의 대상이 될 수 있고 스타일이 지정될 수 있습니다.

PointsCollection 개체의 Point 형식입니다ObservableCollection. 구조체 XY 는 Point 2D 공간에서 x 및 y 좌표 쌍을 나타내는 형식double의 속성을 정의합니다. 따라서 속성은 Points 단일 쉼표 및/또는 하나 이상의 공백으로 구분된 폴리라인 꼭짓점 점을 설명하는 x 좌표 및 y 좌표 쌍 목록으로 설정해야 합니다. 예를 들어 "40,10 70,80" 및 "40 10, 70 80"은 모두 유효합니다.

열거형에 FillRule 대한 자세한 내용은 채우기 규칙을 참조하세요.

Polyline 만들기

폴리라인을 그리려면 개체를 Polyline 만들고 해당 Points 속성을 셰이프의 꼭짓점으로 설정합니다. 폴리라인에 윤곽선을 지정하려면 해당 Stroke 속성을 -derived 개체로 Brush설정합니다. 이 속성은 StrokeThickness 폴리라인 윤곽선의 두께를 지정합니다. 개체에 대한 Brush 자세한 내용은 Brushes를 참조 하세요.

Important

속성을 PolylineBrush파생 개체로 설정 Fill 하면 시작점과 끝점이 교차하지 않더라도 폴리라인의 내부 공간이 그려집니다.

다음 XAML 예제에서는 폴리라인을 그리는 방법을 보여줍니다.

<Polyline Points="0,0 10,30 15,0 18,60 23,30 35,30 40,0 43,60 48,30 100,30"
          Stroke="Red" />

이 예제에서는 빨간색 폴리라인이 그려집니다.

다음 XAML 예제에서는 파선 폴리라인을 그리는 방법을 보여줍니다.

<Polyline Points="0,0 10,30 15,0 18,60 23,30 35,30 40,0 43,60 48,30 100,30"
          Stroke="Red"
          StrokeThickness="2"
          StrokeDashArray="1,1"
          StrokeDashOffset="6" />

이 예제에서는 폴리라인이 파선됩니다.

파선 폴리라인 그리기에 대한 자세한 내용은 파선 도형 그리기를 참조 하세요.

다음 XAML 예제에서는 기본 채우기 규칙을 사용하는 폴리라인을 보여줍니다.

<Polyline Points="0 48, 0 144, 96 150, 100 0, 192 0, 192 96, 50 96, 48 192, 150 200 144 48"
          Fill="Blue"
          Stroke="Red"
          StrokeThickness="3" />

이 예제에서는 채우기 규칙을 사용하여 폴리라인의 채우기 동작을 EvenOdd 결정합니다.

다음 XAML 예제에서는 채우기 규칙을 사용하는 폴리라인을 Nonzero 보여줍니다.

<Polyline Points="0 48, 0 144, 96 150, 100 0, 192 0, 192 96, 50 96, 48 192, 150 200 144 48"
          Fill="Black"
          FillRule="Nonzero"
          Stroke="Yellow"
          StrokeThickness="3" />

이 예제에서는 채우기 규칙을 사용하여 폴리라인의 채우기 동작을 Nonzero 결정합니다.