c# - 通过代码的 C# WPF 图像缩放动画

Question

嗨，我希望通过动画将图像缩放到特定点，但它不起作用。

XAML：

<Window x:Class="AnimationTest.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="720" Width="1280">
    <Grid>
        <Image Height="681" HorizontalAlignment="Left" Name="image1" Stretch="None" VerticalAlignment="Top" Width="1258" Source="/AnimationTest;component/Images/world.jpg" />
        <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="1171,12,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
    </Grid>
</Window>

CS：

namespace AnimationTest
{
    public partial class MainWindow: Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            DoubleAnimation da = new DoubleAnimation();
            da.From = 0;
            da.To = 1000;
            da.Duration = new Duration(TimeSpan.FromSeconds(1));
            image1.BeginAnimation(ScaleTransform.CenterXProperty, da);

        }
    }
}

Answer 1

我已经为您的要求创建了简单的示例。使用 RenderTransformOrigin 从中心点缩放到您的图像（0.5,0.5）

XAML

  <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="40"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Slider x:Name="zoomSlider" Minimum="0" Maximum="10" Value="1"  />
    <Image Source="Jellyfish.jpg" Grid.Row="1">
        <Image.RenderTransform>
            <ScaleTransform ScaleX="{Binding ElementName=zoomSlider,Path=Value}" ScaleY="{Binding ElementName=zoomSlider,Path=Value }"/>
        </Image.RenderTransform>
    </Image>
</Grid>