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 回答