WPF动画——故事板（Storyboard）

最新推荐文章于 2026-06-09 08:36:37 发布

原创

最新推荐文章于 2026-06-09 08:36:37 发布 · 2.3k 阅读

标签

#c#

收录于

本文介绍了一个使用XAML实现的动画案例，通过数据绑定调整按钮大小，涉及XAML代码、C#后台逻辑及自定义转换器实现动态效果。

1、XAML代码

复制代码

<Window x:Class="故事板.MainWindow" x:Name="window"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:hc="clr-namespace:故事板"
        Title="MainWindow" Height="350" Width="525" >
    <Window.Resources>
        <hc:BtnHeightConverter x:Key="convert"></hc:BtnHeightConverter>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="dog" Storyboard.TargetProperty="Height"
                             From="30" To="{Binding ElementName=window,Path=Height,Converter={StaticResource convert}}" Duration="0:0:1" 
                             ></DoubleAnim