WPF에서 양면 화살표 축소 및 이동

Question

이 작업은 간단하다고 생각했지만 원활한 방법으로이를 실현하는 방법을 알지 못했습니다.

<Line Stroke="#99CCFF" StrokeThickness="8" X1="0" X2="720" Y1="10" Y2="10"/> 
<Polygon Stroke="Black" StrokeThickness="2" Points="0,30 40,0 40,60" Canvas.Left="-20" Canvas.Top="-20" Fill="#99CCFF"/> 
<Polygon Stroke="Black" StrokeThickness="2" Points="0,0 0,60 40,30" Canvas.Left="720" Canvas.Top="-20" Fill="#99CCFF"/> 

지금 나는이 화살표 애니메이션을 좋아하는 것 :

나는 양면 화살표를 가지고, 나는 다음과 같은 방법으로 내장

1. Shift 키를 왼쪽
에 전체 화살표
2. 화살표를 축소하지만 화살표의 줄만 줄이면 이 아닌 화살표 머리

이동 및 축소 애니메이션은 RenderTransform을 사용하므로 아무런 문제가 없습니다. 그러나 화살표 선을 축소 할 때, 적어도 애니메이션이 실행되는 한 화살표 머리는 선에 더 이상 부착되지 않습니다.

줄이기 선과 함께 이동하려면 종속성이나 비슷한 것을 어떻게 구현할 수 있습니까?

Answer 1

전체 화살표를 이동하려면 캔버스에 모든 것을 넣고 TranslateTransform으로 캔버스를 이동하십시오.

더 문제가되는 화살표의 크기 조정은 분명히 해결하기가 어렵지 않지만 은입니다.