스토리 보드의 버튼 뒤집기

Question

스토리 보드를 사용하여 양식의 버튼을 뒤집으려고합니다. 현재 가지고있는 스토리 보드는 사용자 정의 그리드 애니메이션을 사용하여 특정 그리드 행을 늘리는 것입니다 (찾을 수 here). 이 스토리 보드를 시작하는 버튼에는 화살표가 겹쳐져 있으며 사용자가 이해할 수 있도록 컨트롤의 방향을 수정하려면 뒤집을 필요가 있습니다. 내가 가지고있는 스토리 보드는 (어떤 에러도 발생하지 않지만) 그리드 높이 속성을 증가시킵니다. 버튼 이미지가 수직으로 뒤집히지 않습니다.

<!-- "Open the description box" Storyboard--> 
<Storyboard x:Key="openDescription"> 
    <local:GridLengthAnimation 
     Storyboard.TargetName="Row4" 
     Storyboard.TargetProperty="Height" 
     From="0*" To=".5*" Duration="0:0:1" 
     AccelerationRatio=".5" 
     DecelerationRatio=".5"/> 

    <!-- This is the section that needs to be tweaked --> 
    <DoubleAnimation 
     Storyboard.TargetName="btnDetailsZoom" 
     Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)" 
     From="0" 
     To="-1" 
     Duration="00:00:01"/> 
</Storyboard> 

<!-- Code for the button --> 
<s:SurfaceButton Grid.Row="4" Grid.Column="4" VerticalAlignment="Top" Margin="25,-50,25,-50" Name="btnDetailsZoom" PreviewTouchDown="onDetailsZoom"> 
    <s:SurfaceButton.Background> 
     <ImageBrush ImageSource="/uiTest2;component/Resources/doubleArrowUp.png" /> 
    </s:SurfaceButton.Background> 
</s:SurfaceButton> 

사람이 (내가 그 부분적으로 맞습니다 상당히 확신 때문에) 제대로 스토리 보드 내에서 scaletransform 속성을 사용하는 방법에 대해 알고있는 경우에, 나는 크게 몇 가지 지침을 부탁드립니다.

감사합니다. 당신이이처럼 Button에 transform 속성을 정의하는 것을 잊었다처럼

Answer 1

그것은 같습니다

<!-- Code for the button --> 
<s:SurfaceButton Grid.Row="4" Grid.Column="4" VerticalAlignment="Top" Margin="25,-50,25,-50" Name="btnDetailsZoom" PreviewTouchDown="onDetailsZoom"> 
    <s:SurfaceButton.RenderTransform> 
     <ScaleTransform /> 
    </s:SurfaceButton.RenderTransform> 
    <s:SurfaceButton.Background> 
     <ImageBrush ImageSource="/uiTest2;component/Resources/doubleArrowUp.png" /> 
    </s:SurfaceButton.Background> 
</s:SurfaceButton>