WPF 切换按钮控件

17 Mar 2025 | 阅读 2 分钟

切换按钮是一种控件，借助它可以从一个状态切换到另一个状态。 CheckBox 和 RadioButton 是切换按钮的示例。

在这里，我们将举一个切换按钮控件的例子。在这个例子中，我们将在单击此按钮后更改切换按钮的文本。这就是为什么切换按钮显示当前状态。

对于切换按钮，我们可以使用触发器属性，当 IsChecked 的属性发生更改时，我们将使用它来触发。

以下是 ToggleButton 控件 的 XAML 代码

<Window x:Class="WPFToggleButton.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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPFToggleButton"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel HorizontalAlignment="Center" Margin="15">
        <Label Content="Click to arm the electric fence that surrounds your cube:"/>
        <StackPanel>
            <ToggleButton HorizontalAlignment="Center" Margin="5" Padding="5" Width="80">
                <ToggleButton.Style>
                    <Style TargetType="{x:Type ToggleButton}">
                        <Setter Property="Content" Value="Disarmed"/>
                        <Style.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="Content" Value="ARMED"/>
                                <Setter Property="Foreground" Value="Red"/>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </ToggleButton.Style>
            </ToggleButton>
        </StackPanel>
    </StackPanel>
    
        
    
</Window>

在单击切换按钮之前，上述代码的输出将如下图所示

输出

现在，当我们单击切换按钮时，文本将更改，上述代码的输出将如下图所示

输出

现在我们将举另一个切换按钮的例子

现在我们将编写 XAML 代码来创建并初始化具有某些属性的切换按钮。

MainWindow.XAML

<Window x:Class="ToggleButtonControl.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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ToggleButtonControl"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid Background="Aqua">
        <StackPanel Orientation = "Vertical">
            <ToggleButton x:Name = "cb2" Content = "Toggle"
            Checked = "HandleCheck" Unchecked = "HandleUnchecked" 
            Margin = "100" Width = "100" HorizontalAlignment = "Center"/>

            <TextBlock x:Name = "text2" Margin = "10" Width = "300"
            HorizontalAlignment = "Center" Height = "50" FontSize = "24"/>
        </StackPanel>
    </Grid>

</Window>

这是 C# 对 checked 和 unchecked 事件的实现。

MainWindow.XAML.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace ToggleButtonControl
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public sealed partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.InitializeComponent();
        }
        private void HandleCheck(object sender, RoutedEventArgs e)
        {
            text2.Text = "Button is Checked";
        }
        private void HandleUnchecked(object sender, RoutedEventArgs e)
        {
            text2.Text = "Button is unchecked.";
        }

    }
}

当我们编译并执行上述代码时，在执行代码后，输出将如下图所示

输出

下一篇WPF ToolTip 控件

WPF 切换按钮控件

现在我们将举另一个切换按钮的例子

MainWindow.XAML

MainWindow.XAML.cs

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

WPF 教程

WPF 切换按钮控件

现在我们将举另一个切换按钮的例子

MainWindow.XAML

MainWindow.XAML.cs

相关帖子

StackPanel 控件

WPF 进度条

WPF 快捷菜单

WPF CheckBox 控件

RadioButton 控件

GridView 控件

WPF 图像控件

WPF ComboBox

WPF

WPF ListBox

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器