폴리라인
샘플 찾아보기.NET 다중 플랫폼 앱 UI(.NET MAUI) Polyline 클래스는 클래스에서 Shape 파생되며 일련의 연결된 직선을 그리는 데 사용할 수 있습니다. 다각형은 다각형과 유사합니다. 다각형의 마지막 점이 첫 번째 점에 연결되지 않는다는 점을 제외하면 다각형입니다. 클래스가 클래스에서 상속하는 Polyline 속성에 대한 자세한 내용은 Shapes를 참조하세요.Shape
Polyline는 다음 속성을 정의합니다.
- Points- 다선의 꼭짓점점을 설명하는 구조체의
Point컬렉션인 형식PointCollection입니다. - FillRule- 폴리라인의 교차 영역이 결합되는 방법을 지정하는 형식 FillRule입니다. 이 속성의 기본값은
FillRule.EvenOdd입니다.
이러한 속성은 BindableProperty 개체에서 지원하며, 따라서 데이터 바인딩의 대상이 될 수 있고 스타일이 지정될 수 있습니다.
PointsCollection 개체의 Point 형식입니다ObservableCollection. 구조체 X Y 는 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를 참조 하세요.
다음 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 결정합니다.
.NET MAUI