基于ViewModel属性切换Button内容为DataTemplate的实现问题

问题根源：直接将DataTemplate赋值给Button的Content属性是错误的——Content用于存放要呈现的数据，而DataTemplate是定义数据呈现方式的模板。ContentPresenter不会把Content中的DataTemplate当作渲染模板使用，自然看不到加载动画。

下面提供两种可行的解决方案：

方案一：修改Style触发器，切换ContentTemplate而非Content #

将原Style中的Style.Triggers替换为以下代码：

<Style x:Key="NeutralButtonStyle" TargetType="Button">
    <Setter Property="Padding" Value="12,8" />
    <!-- 默认设置按钮文本 -->
    <Setter Property="Content" Value="Export" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <Border
                        x:Name="BackgroundBorder"
                        Background="{TemplateBinding Background}"
                        CornerRadius="4">
                    </Border>
                    <ContentPresenter
                        x:Name="ContentPresenter"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Background" Value="LightGray" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsExporting}" Value="True">
            <!-- 设置ContentTemplate为加载动画模板 -->
            <Setter Property="ContentTemplate" Value="{StaticResource LoadingSpinner}" />
            <!-- 给Content一个占位值（若模板无需绑定数据，空字符串即可） -->
            <Setter Property="Content" Value="" />
        </DataTrigger>
        <DataTrigger Binding="{Binding IsExporting}" Value="False">
            <!-- 恢复默认模板，显示文本 -->
            <Setter Property="ContentTemplate" Value="{x:Null}" />
            <Setter Property="Content" Value="Export" />
        </DataTrigger>
    </Style.Triggers>
</Style>

原理：当IsExporting为True时，让Button使用LoadingSpinner作为ContentTemplate来渲染Content；为False时恢复默认模板，显示指定文本。

方案二：在ControlTemplate内部添加双ContentPresenter，控制可见性 #

修改ControlTemplate的结构，将两种状态的内容都内置其中，通过触发器切换可见性：

<Style x:Key="NeutralButtonStyle" TargetType="Button">
    <Setter Property="Padding" Value="12,8" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <Border
                        x:Name="BackgroundBorder"
                        Background="{TemplateBinding Background}"
                        CornerRadius="4">
                    </Border>
                    <!-- 正常文本的ContentPresenter -->
                    <ContentPresenter
                        x:Name="TextPresenter"
                        Content="Export"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center" />
                    <!-- 加载动画的ContentPresenter，默认隐藏 -->
                    <ContentPresenter
                        x:Name="LoadingPresenter"
                        ContentTemplate="{StaticResource LoadingSpinner}"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Visibility="Collapsed" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Background" Value="LightGray" />
                    </Trigger>
                    <!-- 根据IsExporting切换显示状态 -->
                    <DataTrigger Binding="{Binding IsExporting}" Value="True">
                        <Setter TargetName="TextPresenter" Property="Visibility" Value="Collapsed" />
                        <Setter TargetName="LoadingPresenter" Property="Visibility" Value="Visible" />
                    </DataTrigger>
                    <DataTrigger Binding="{Binding IsExporting}" Value="False">
                        <Setter TargetName="TextPresenter" Property="Visibility" Value="Visible" />
                        <Setter TargetName="LoadingPresenter" Property="Visibility" Value="Collapsed" />
                    </DataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

原理：将文本和加载动画的ContentPresenter都放在模板里，通过触发器控制哪个显示、哪个隐藏，逻辑更内聚，也避免了Content与ContentTemplate的混淆。如果需要支持动态文本（比如多语言），只需将TextPresenter的Content改为绑定ViewModel中的对应属性即可。

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