能否在Button样式中用Storyboard实现无ViewModel代码的文本倒计时？

完全可以做到，不需要编写任何ViewModel代码，所有逻辑都能在XAML的Button样式和Storyboard中实现。核心思路是利用Button的附加属性（比如Tag）存储倒计时数值，通过绑定格式化显示文本，再用Storyboard逐帧更新数值。

具体实现代码 #

以下是WPF场景下的完整XAML示例：

<Window x:Class="CountdownButtonDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <Style x:Key="CountdownButtonStyle" TargetType="Button">
            <!-- 初始倒计时数值设为20 -->
            <Setter Property="Tag" Value="20"/>
            <!-- 绑定Content到Tag，格式化显示为「OK (X)」 -->
            <Setter Property="Content" Value="{Binding RelativeSource={RelativeSource Self}, Path=Tag, StringFormat='OK ({0})'}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Padding="{TemplateBinding Padding}">
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <!-- 按钮加载时启动倒计时动画 -->
                            <EventTrigger RoutedEvent="Loaded">
                                <BeginStoryboard>
                                    <Storyboard>
                                        <!-- 逐帧更新Tag数值，每1秒递减1，持续20秒 -->
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Tag"
                                                                       Duration="0:0:20">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="20"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:1" Value="19"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="18"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:3" Value="17"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:4" Value="16"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:5" Value="15"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:6" Value="14"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:7" Value="13"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:8" Value="12"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:9" Value="11"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:10" Value="10"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:11" Value="9"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:12" Value="8"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:13" Value="7"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:14" Value="6"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:15" Value="5"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:16" Value="4"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:17" Value="3"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:18" Value="2"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:19" Value="1"/>
                                            <DiscreteObjectKeyFrame KeyTime="0:0:20" Value="0"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <Button Style="{StaticResource CountdownButtonStyle}"
                Width="120" Height="40"
                Background="#FFE0E0E0" BorderBrush="#FF999999"/>
    </Grid>
</Window>

实现说明 #

• 用Button的Tag属性存储倒计时数值，避免额外定义依赖属性
• 通过StringFormat绑定格式化Content，自动生成「OK (X)」格式的文本
• 利用ObjectAnimationUsingKeyFrames逐帧更新Tag值，每1秒切换一次数值，确保倒计时的整数变化准确
• 动画在按钮加载时自动启动，全程无需后端代码干预

如果需要重复倒计时，可给Storyboard添加RepeatBehavior="Forever"属性，同时注意在动画循环时重置初始数值。

内容的提问来源于stack exchange，提问作者Alexey Titov