WPF入门教学十八 动画入门

WPF(Windows Presentation Foundation)是微软推出的一种用于创建Windows客户端应用程序的用户界面框架。WPF 提供了丰富的动画支持,可以通过XAML或者代码来实现各种动画效果。以下是一个简单的WPF动画入门教学,我们将使用XAML来创建一个简单的淡入淡出动画。

1. 创建一个新的WPF项目

首先,打开Visual Studio并创建一个新的WPF应用程序项目。

2. 添加动画到XAML

在MainWindow.xaml文件中,我们可以添加一个Button和一个TextBlock,并为TextBlock设置一个淡入淡出的动画效果。

复制代码
复制代码
<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WPF Animation Example" Height="350" Width="525">
    <Grid>
        <Button Content="Animate" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,50,0,0" Click="Button_Click"/>
        <TextBlock x:Name="AnimatedText" Text="Hello, WPF Animation!" FontSize="24" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

3. 编写动画代码

在MainWindow.xaml.cs文件中,我们需要编写代码来启动动画。

复制代码
cs 复制代码
using System.Windows;
using System.Windows.Media.Animation;

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

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            DoubleAnimation fadeOut = new DoubleAnimation(1.0, 0.0, new Duration(TimeSpan.FromSeconds(1)));
            DoubleAnimation fadeIn = new DoubleAnimation(0.0, 1.0, new Duration(TimeSpan.FromSeconds(1)));

            Storyboard sb = new Storyboard();
            sb.Children.Add(fadeOut);
            sb.Children.Add(fadeIn);

            Storyboard.SetTarget(fadeOut, AnimatedText);
            Storyboard.SetTarget(fadeIn, AnimatedText);

            Storyboard.SetTargetProperty(fadeOut, new PropertyPath(Brush.OpacityProperty));
            Storyboard.SetTargetProperty(fadeIn, new PropertyPath(Brush.OpacityProperty));

            fadeOut.Completed += (s, _) => sb.BeginAnimation(Brush.OpacityProperty, fadeIn);

            sb.Begin();
        }
    }
}

4. 运行程序

现在,当你运行程序并点击"Animate"按钮时,TextBlock应该会执行一个淡入淡出的动画效果。

解释

  • DoubleAnimation 是WPF中用于创建数值变化的动画类。
  • Storyboard 是用来管理一组动画的容器。
  • TargetTargetProperty 用于指定动画作用的对象和属性。
  • Completed 事件用于在动画完成时触发后续动作。

这个例子展示了如何在WPF中使用XAML和C#代码来创建简单的动画效果。WPF的动画系统非常强大,可以创建复杂的交互式用户界面。你可以进一步探索WPF的StoryboardAnimation类和其他相关功能来创建更加丰富和动态的用户体验。

相关推荐
wuty0073 小时前
WPF 调用 Win32的SetWindowDisplayAffinity 函数 实现捕获屏幕时,过滤指定的窗口
wpf·setwindowdisplayaffinity·过滤窗口·wgc·截屏过滤窗口
TracyCoder1234 小时前
RocketMQ技术原理简单解析:从架构到核心流程
架构·wpf·rocketmq
烽火聊员6 小时前
SSLSocket 服务器端WPF C#测试代码
开发语言·c#·wpf·ssl
暮雪倾风6 小时前
【WPF开发】加载solidworks的3D模型
wpf
Macbethad6 小时前
高性能 CANopen 主站程序技术方案 (基于 WPF)
网络协议·wpf·信息与通信
Macbethad17 小时前
使用WPF编写一个工控软件设置界面
wpf
wuli_滔滔1 天前
【探索实战】深入浅出:使用Kurator Fleet实现跨云集群的统一应用分发
架构·wpf·kurator·fleet
松☆1 天前
Flutter 与 OpenHarmony 深度集成:自定义 MethodChannel 插件开发全指南
flutter·wpf
Aevget1 天前
界面控件DevExpress WPF中文教程:Data Grid - 虚拟源限制
hadoop·wpf·界面控件·devexpress·ui开发
听风吟丶1 天前
Java 微服务日志实战:ELK+SkyWalking 构建全链路日志监控与智能告警体系某电商平台曾因日志问题陷入
wpf