XAML 만 사용하여 단색 삼각형 그리기


80

XAML 만 사용하여 채워진 삼각형을 그릴 수 있습니까 (솔루션 뒤에 코드가 아님)?

삼각형은 Ascending/Descending차트 컨트롤의 정렬 단추와 함께 정렬 방향을 나타 내기 위해 아래 이미지와 같아야합니다 .

여기에 이미지 설명 입력

편집 : SpeziFish 덕분에 솔루션 :

오름차순 :

<Polygon Points="0,0 8,5, 0,10" Stroke="Black" Fill="Black" />

내림차순 :

<Polygon Points="8,0 0,5, 8,10" Stroke="Black" Fill="Black" />

1
직사각형으로 삼각형을 그리시겠습니까? Path대신 살펴볼 수 있습니다. 여기 에서 기본적인 예를 찾으 십시오 .
erikH 2011 년

@erikH : 죄송합니다. 주요 요구 사항은 XAML 전용입니다
sll

질문이 왜 다운되었는지 물어봐도 될까요?
sll

답변:


104
<Polygon Points="0,0 80,50, 0,100" Stroke="Black" Fill="Black" />

API 또는 예제를 참조하십시오 .


죄송합니다. 주요 요구 사항은 XAML 전용이므로 Polygon은 괜찮습니다. 10 배 작게 만드는 방법은?
sll

1
숫자를 10으로 나누어 라. 숫자는 쉽게 모서리의 픽셀 좌표 (x, y)입니다.
SpeziFish 2011 년

그래도 어떻게 위치를 지정하고 회전합니까? 바인딩을 기반으로 원 주위 (원 바깥 쪽)에 위치 할 삼각형을 그리고 싶습니다. 어떤 아이디어?
John Demetriou 2011

크기 조정을 위해 "Stretch = Fill"을 추가 할 수 있으므로 부모 컨테이너 (예 : Button.Content)에 맞게 크기가 조정됩니다.) 좋아, 방금 @LongZheng의 답변에서 발견했습니다. :)
dba

35

컬렉션에 추가하고 싶습니다.

여기에 이미지 설명 입력

    <Polygon Points="5,0 10,10, 0,10" Stroke="Black" Fill="Black" />

여기에 이미지 설명 입력

    <Polygon Points="0,0 5,10, 10,0" Stroke="Black" Fill="Black" />

25

경로 사용

<Path Width="33" Height="37" Stretch="Fill" Stroke="Black" Fill="Black" Data="F1 M 319.344,237.333L 287.328,218.849L 287.328,255.818L 319.344,237.333 Z "/>
<Path Width="33" Height="37" Stretch="Fill" Stroke="Black" Fill="Black" Data="F1 M 287.328,237.333L 319.344,255.818L 319.344,218.849L 287.328,237.333 Z "/>

그래도 어떻게 위치를 지정하고 회전합니까? 바인딩을 기반으로 원 주위 (원 바깥 쪽)에 위치 할 삼각형을 그리고 싶습니다. 어떤 아이디어?
John Demetriou 2011

LayoutTransform이 도움이 될 수 있습니다. 아마도 가장 좋은 방법은 'Direction'종속성 속성이있는 Usercontrol을 생성하여 xaml을 다시 작성하지 않고 필요할 때마다 배치 할 수 있도록하는 것입니다
dba
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.