WPF实现简单的控件左右移动动画

freesheep720

已于 2023-07-25 15:09:35 修改

阅读量945

点赞数

分类专栏： C# 文章标签： wpf 动画

于 2023-07-25 15:07:29 首次发布

本文链接：https://blog.csdn.net/ngwngw/article/details/131918306

版权

C# 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

首先，在 XAML 中定义一个容器（例如）以及要移动的控件，本文是以点击Button按钮实现对按钮控件的移动，如图：
xmal页面设计代码如下：

<Window x:Class="YiDongDongHua.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:YiDongDongHua"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <!--将canvas设置翻转可以实现反方向移动-->
    <Grid>
        <Canvas x:Name="canvas" Margin="0,0,0.333,109.667" Background="#FFCEC4C4">
            <Button x:Name="myButton" Content="按钮" Width="100" Height="50" Canvas.Left="359" Canvas.Top="155" />

        </Canvas>
        <Button Content="Button" Canvas.Left="66" Canvas.Top="377" Click="Button_Click" Margin="306,348,377.333,41.667"/>
    </Grid>

</Window>

接下来，在代码中，使用动画效果来实现控件的左右移动：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation; //必须添加的引用
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace YiDongDongHua
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            // 获取控件的当前位置
            double currentLeft = Canvas.GetLeft(myButton);

            // 计算控件目标位置
            double targetLeft = currentLeft + 100; // 例如向右移动100个单位（“+”是向右，“-”是向左）

            // 创建动画对象
            DoubleAnimation animation = new DoubleAnimation();
            animation.From = currentLeft;
            animation.To = targetLeft;
            animation.Duration = TimeSpan.FromSeconds(3); // 动画持续3秒

            // 设置动画的目标属性
            Storyboard.SetTarget(animation, myButton);
            Storyboard.SetTargetProperty(animation, new PropertyPath(Canvas.LeftProperty));

            // 创建并启动故事板
            Storyboard storyboard = new Storyboard();
            storyboard.Children.Add(animation);
            storyboard.Begin(canvas);
        }
    }
}