WPF 为button动态设置不同的模板

有时候需要动态的设置一些按钮的状态模板。使一个button显示不同的内容，比如Button未点击安装显示：

安装后显示：

可以通过设置button的content，通过content来设置不同的模板来实现功能，以下是代码：

MainWindow.xaml

<Window
    x:Class="WPF_ButtonTemplate.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:local="clr-namespace:WPF_ButtonTemplate"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    Width="800"
    Height="450"
    mc:Ignorable="d">
    <Window.Resources>
        <BitmapImage x:Key="Setting_Extension" UriSource="pack://application:,,,/Installed.png" />

        <ControlTemplate x:Key="UnInstallTemplate" TargetType="Button">
            <Border
                x:Name="border1"
                Width="100"
                Height="30"
                Background="LightGray"
                BorderBrush="DarkGray"
                BorderThickness="1.5"
                CornerRadius="8">
                <TextBlock
                    x:Name="contentTB"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="{TemplateBinding Content}" />
            </Border>
        </ControlTemplate>

        <ControlTemplate x:Key="InstalledTemplate" TargetType="Button">
            <Border x:Name="border1" Background="LightYellow" CornerRadius="8">
                <StackPanel Margin="13,7,13,7" Orientation="Horizontal">
                    <Image
                        Width="16"
                        Height="16"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center"
                        Source="{DynamicResource Setting_Extension}" />
                    <TextBlock
                        x:Name="contentTB"
                        Margin="4,0,0,0"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontSize="{TemplateBinding FontSize}"
                        Foreground="{TemplateBinding Foreground}"
                        Text="{TemplateBinding Content}" />
                </StackPanel>
            </Border>
        </ControlTemplate>

        <Style x:Key="NomalBtn" TargetType="Button">
            <Setter Property="Width" Value="100" />
            <Setter Property="Height" Value="30" />
            <Style.Triggers>
                <Trigger Property="Content" Value="未安装">
                    <Setter Property="Template" Value="{StaticResource UnInstallTemplate}" />
                </Trigger>
                <Trigger Property="Content" Value="已安装">
                    <Setter Property="Template" Value="{StaticResource InstalledTemplate}" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <Button
            x:Name="btn"
            Click="Button_Click"
            Content="未安装"
            Style="{StaticResource NomalBtn}" />
    </Grid>
</Window>

MainWindow.cs

using System.Windows;


namespace WPF_ButtonTemplate
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            if (string.Equals(btn.Content, "未安装"))
                btn.Content = "已安装";
            else
                btn.Content = "未安装";
        }
    }
}

项目免费下载地址：

【免费】WPF-ButtonTemplate资源-CSDN文库