翻轉故事板中的按鈕

我試圖用故事板翻轉表單上的按鈕。我目前擁有的是使用定製網格動畫製作某些網格行的故事板（發現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財產（因爲我相當肯定這是部分正確的），我將不勝感激一些指導。

謝謝！

來源

2012-07-11 Nate Frueh

看起來你忘了定義在Button Transform屬性，像這樣：

<!-- 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>

來源

2012-07-12 11:52:02

哇哦。我認爲ScaleTransform屬性是隱含的。這工作像一個魅力。非常感謝！ – 2012-07-12 12:59:47

是的，我知道這種感覺......當我第一次遇到它時，我偶然發現了2個小時。 :) – 2012-07-12 13:05:53

翻轉故事板中的按鈕

回答

相關問題