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

本文关键字：代码 动画 图像 缩放 C#WPF | 更新日期: 2023-09-27 18:19:52

嗨，我想用动画将图像缩放到特定的点，但它不起作用。

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);
        }
    }
}

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

我为您的需求创建了一个简单的样本。使用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>
相关文章：