2012-05-19 2 views
0

두 개의 직사각형과 타원이 있습니다. 그것들을 결합하고 새로운 결합 된 요소에 동일한 애니메이션을 사용하는 방법?양식에 요소를 결합하십시오.

<Rectangle Height="100" HorizontalAlignment="Left" Margin="220,235,0,0" Name="rectangle2" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="38" Fill="LightGreen" /> 
<Ellipse Height="23" HorizontalAlignment="Left" Margin="227,269,0,0" Name="ellipse1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="24" Fill="Yellow" /> 
<Ellipse Height="17" HorizontalAlignment="Left" Margin="12,266,0,0" Name="ellipse2" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="17" Fill="#FF58FF00" /> 

답변

1

고정 크기 요소를 원하는 경우 서로 상대적으로 이동 한 다음 캔버스에 배치하고 캔버스 좌표를 사용하여 배치합니다.

캔버스는 자식 요소 만 표시하고 픽셀 오프셋을 표시하며 여백이나 행이 복잡한 계산이 없으므로 렌더링을위한 오버 헤드가 적습니다.

귀하의 예제의 것과 동일합니다 :

<Canvas HorizontalAlignment="Left" Margin="12,235,0,145" Width="246"> 
     <Rectangle Height="100" x:Name="rectangle2" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="38" Fill="LightGreen" Canvas.Left="208" /> 
     <Ellipse Height="23" x:Name="ellipse1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="24" Fill="Yellow" Canvas.Left="215" Canvas.Top="34" /> 
     <Ellipse Height="17" x:Name="ellipse2" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="17" Fill="#FF58FF00" Canvas.Top="31" /> 
    </Canvas> 
0

T : 패널로 그룹화. 보통 저는 먼저 Canvas에서 그룹화를하고 Viewbox (Fill ot Fit)에서 초를 만듭니다.

관련 문제