2010-04-15 7 views
2

이미지의 크기를 20 씩 늘리려고합니다. 그래서 아래 보이는 것처럼 ScaleTransform을 사용하고 있습니다. 그러나 다음 코드는 어떤 스케일 Tranform도하지 않습니다. 어떤 도움을 주시면 감사하겠습니다 ...ScaleTransform for Image

<Grid> 
    <Canvas> 
    <Canvas Height="50" Width="50" Canvas.Top="10" Canvas.Left="100" 
      Visibility="Visible"> 
     <Image Name="Img" Source="Help.PNG" Canvas.Left="0" Canvas.Top="0"> 
     </Image> 
    </Canvas> 
    <Button Canvas.Left="100" Canvas.Top="100" Height="42.5" Name="button3" 
      Width="100" Visibility="Visible"> 
     <Button.Triggers> 
      <EventTrigger RoutedEvent="Button.Click"> 
       <BeginStoryboard> 
        <Storyboard Name="MoveBox"> 
         <DoubleAnimation Storyboard.TargetName="Img" 
     Storyboard.TargetProperty="(Image.RenderTransform).(ScaleTransform.ScaleX)" 
     From="1" To="20" BeginTime="0:0:3.75" Duration="0:0:1.25" /> 
         <DoubleAnimation Storyboard.TargetName="Img" 
     Storyboard.TargetProperty="(Image.RenderTransform).(ScaleTransform.ScaleY)" 
     From="1" To="20" BeginTime="0:0:3.75" Duration="0:0:1.25" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
     </Button.Triggers> 
    </Button> 
    </Canvas> 
</Grid> 

답변

6

<RenderTransform> 이미지에 설정을 시도 했습니까? 이런 식으로 뭔가가 :

<Image Name="Img" Source="Help.PNG" Canvas.Left="0" Canvas.Top="0"> 
     <Image.RenderTransform> 
      <ScaleTransform x:Name="scale" ScaleX="1" ScaleY="1" 
          CenterX="0.5" CenterY="0.5" /> 
     </Image.RenderTransform> 
    </Image> 

이것은 당신이 다른 곳에서 참조 할 수있는 RenderTransform 그래서 초기화한다.

저는 Silverlight에서이 작업을 수행했습니다.