帶Storyboard.TargetProperty =“ Height”的圖片的DoubleAnimation

Question

我已經閱讀了如何通過WPF動畫使圖像尺寸增大（賦予選擇的錯覺）？ 並嘗試使用DoubleAnimation更改圖像的高度，但是它不起作用。

<Image Name="image" Height="100" Source="http://www.online-image-editor.com/styles/2013/images/example_image.png" Stretch="None">
        <Image.Resources>
            <Storyboard x:Name="show">
                <DoubleAnimation
                    Storyboard.TargetName="image"
                    Storyboard.TargetProperty="Height"
                     From="100" To="400" Duration="0:0:1"
                    />
            </Storyboard>
        </Image.Resources>
    </Image>
    <Button Content="image stretch" Click="button_clicked" />

這是button_clicked函數：

private void button_clicked(object sender, RoutedEventArgs e)
{
    show.Begin();
}

[edit]：因為Johan Falk的回答，所以我使用Windows Phone Silverlight工具箱嘗試了上面的代碼，並且該代碼有效。 因此，解決方案是使用Windows Phone Silverlight。

Answer 1

通過設置Stretch="None" ，您的代碼中只有一個小錯誤，您不允許圖像沿任何方向拉伸，因此始終保持其原始大小。 將“ Stretch更改為“ Uniform ，它應該可以工作。

這是我用來驗證的示例代碼：

<StackPanel x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <Image Source="/Assets/ApplicationIcon.png" x:Name="testImage" Stretch="Uniform">
        <Image.Resources>
            <Storyboard x:Name="Animation">
                <DoubleAnimation Storyboard.TargetName="testImage" Storyboard.TargetProperty="Height" From="100" To="200" Duration="0:0:1" />
            </Storyboard>
        </Image.Resources>
    </Image>
    <Button Content="Expand image" Grid.Row="1" Click="Button_Click"></Button>
</StackPanel>

private void Button_Click(object sender, RoutedEventArgs e)
{
    Animation.Begin();
}