1

ストーリーボードを使用してフォームのボタンを反転しようとしています。私が現在持っているのは、カスタム グリッド アニメーションを使用して特定のグリッド行を成長させるストーリーボードです (ここにあります)。このストーリーボードを開始するボタンには、矢印のイメージがオーバーレイされており、ユーザーが理解できるようにコントロールの方向を修正するために反転する必要があります。私が持っているストーリーボードは機能しますが（エラーは発生しません）、グリッドロウの高さプロパティが大きくなるだけです。ボタンの画像は上下反転しません。

<!-- "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 プロパティを正しく使用する方法を誰かが知っている場合 (部分的に正しいと確信しているため)、いくつかのガイダンスをいただければ幸いです。

ありがとう！

4

1 に答える 1

2

次のように、 で Transform プロパティを定義するのを忘れたようですButton。

<!-- 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-12T11:52:02.537 に答える