WPF （菜单和工具栏3）ToolBar控件的详细使用教程

生命不息-学无止境

于 2024-09-04 23:02:13 发布

阅读量1k

点赞数 14

分类专栏： WPF 文章标签： wpf

本文链接：https://blog.csdn.net/weixin_39604653/article/details/141906408

版权

WPF 专栏收录该内容

82 篇文章 2 订阅

订阅专栏

ToolBar 控件在 WPF 中用于创建工具栏，这些工具栏通常包含一组按钮或其他控件，提供常用操作的快捷方式。工具栏通常位于窗口的顶部或底部，并且可以包含各种类型的控件，如按钮、菜单、下拉列表等。以下是 ToolBar 控件的详细使用教程。

1. 基本结构

ToolBar 是一个容器控件，可以包含按钮、菜单项、文本框、下拉框等。通常，ToolBar 被放置在 ToolBarTray 中。

基本示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ToolBar Example" Height="200" Width="400">
    <DockPanel>
        <ToolBarTray DockPanel.Dock="Top">
            <ToolBar>
                <Button Content="New" Command="ApplicationCommands.New"/>
                <Button Content="Open" Command="ApplicationCommands.Open"/>
                <Button Content="Save" Command="ApplicationCommands.Save"/>
                <Separator/>
                <Button Content="Cut" Command="ApplicationCommands.Cut"/>
                <Button Content="Copy" Command="ApplicationCommands.Copy"/>
                <Button Content="Paste" Command="ApplicationCommands.Paste"/>
            </ToolBar>
        </ToolBarTray>
        <TextBox DockPanel.Dock="Bottom" Text="This is a sample TextBox."/>
    </DockPanel>
</Window>

在这个示例中，ToolBar 控件包含一些常见的命令按钮，如 New、Open、Save、Cut、Copy 和 Paste。这些按钮被放置在 ToolBarTray 中，工具栏自动排列在窗口的顶部。

2. 使用 `ToolBarTray`

ToolBarTray 是 ToolBar 的容器，允许多个 ToolBar 放置在同一行，并支持工具栏的拖动和排列。

示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ToolBar Example" Height="200" Width="400">
    <DockPanel>
        <ToolBarTray DockPanel.Dock="Top">
            <ToolBar Header="File">
                <Button Content="New" Command="ApplicationCommands.New"/>
                <Button Content="Open" Command="ApplicationCommands.Open"/>
                <Button Content="Save" Command="ApplicationCommands.Save"/>
            </ToolBar>
            <ToolBar Header="Edit">
                <Button Content="Cut" Command="ApplicationCommands.Cut"/>
                <Button Content="Copy" Command="ApplicationCommands.Copy"/>
                <Button Content="Paste" Command="ApplicationCommands.Paste"/>
            </ToolBar>
        </ToolBarTray>
        <TextBox DockPanel.Dock="Bottom" Text="This is a sample TextBox."/>
    </DockPanel>
</Window>

在这个示例中，有两个工具栏分别包含文件操作和编辑操作，放在同一个 ToolBarTray 中。用户可以通过拖动改变它们的位置。

3. 自定义 `ToolBar` 样式

你可以通过修改 ToolBar 的样式来自定义其外观。例如，改变背景颜色、按钮样式等。

示例：

<Window.Resources>
    <Style TargetType="ToolBar">
        <Setter Property="Background" Value="LightGray"/>
        <Setter Property="Foreground" Value="DarkBlue"/>
    </Style>
    <Style TargetType="Button">
        <Setter Property="Margin" Value="5"/>
        <Setter Property="Padding" Value="5"/>
    </Style>
</Window.Resources>

<DockPanel>
    <ToolBarTray DockPanel.Dock="Top">
        <ToolBar>
            <Button Content="New" Command="ApplicationCommands.New"/>
            <Button Content="Open" Command="ApplicationCommands.Open"/>
            <Button Content="Save" Command="ApplicationCommands.Save"/>
            <Separator/>
            <Button Content="Cut" Command="ApplicationCommands.Cut"/>
            <Button Content="Copy" Command="ApplicationCommands.Copy"/>
            <Button Content="Paste" Command="ApplicationCommands.Paste"/>
        </ToolBar>
    </ToolBarTray>
    <TextBox DockPanel.Dock="Bottom" Text="This is a sample TextBox."/>
</DockPanel>

在这个示例中，工具栏背景被设置为浅灰色，前景色为深蓝色，并且按钮具有自定义的间距和填充。

4. 在工具栏中使用菜单和其他控件

除了按钮，ToolBar 还可以包含菜单、文本框、下拉框等控件。

示例：

<ToolBarTray DockPanel.Dock="Top">
    <ToolBar>
        <Button Content="New" Command="ApplicationCommands.New"/>
        <Button Content="Open" Command="ApplicationCommands.Open"/>
        <Button Content="Save" Command="ApplicationCommands.Save"/>
        <Separator/>
        <Menu>
            <MenuItem Header="File">
                <MenuItem Header="New" Command="ApplicationCommands.New"/>
                <MenuItem Header="Open" Command="ApplicationCommands.Open"/>
                <MenuItem Header="Save" Command="ApplicationCommands.Save"/>
            </MenuItem>
        </Menu>
        <Separator/>
        <ComboBox Width="100">
            <ComboBoxItem Content="Option 1"/>
            <ComboBoxItem Content="Option 2"/>
            <ComboBoxItem Content="Option 3"/>
        </ComboBox>
        <TextBox Width="150" Text="Search..."/>
    </ToolBar>
</ToolBarTray>

在这个示例中，ToolBar 包含了按钮、菜单、下拉列表和文本框，使工具栏功能更加丰富。

5. 工具栏中的分组和弹出菜单

通过使用 ToggleButton、Popup 等控件，你可以在工具栏中实现分组功能和弹出菜单。

示例：

<ToolBarTray DockPanel.Dock="Top">
    <ToolBar>
        <ToggleButton Content="Bold"/>
        <ToggleButton Content="Italic"/>
        <ToggleButton Content="Underline"/>
        <Separator/>
        <Button Content="Align Left"/>
        <Button Content="Align Center"/>
        <Button Content="Align Right"/>
        <Separator/>
        <Menu>
            <MenuItem Header="Format">
                <MenuItem Header="Font"/>
                <MenuItem Header="Paragraph"/>
            </MenuItem>
        </Menu>
    </ToolBar>
</ToolBarTray>

在这个示例中，ToggleButton 用于实现文本样式的切换（如加粗、斜体、下划线），并且工具栏中还有一个包含字体和段落选项的菜单。

6. 工具栏的拖放与排列

当工具栏放置在 ToolBarTray 中时，用户可以拖动它们改变位置。如果有多个工具栏，它们可以自动排列在 ToolBarTray 中。

示例：

<ToolBarTray DockPanel.Dock="Top">
    <ToolBar Header="File Operations">
        <Button Content="New" Command="ApplicationCommands.New"/>
        <Button Content="Open" Command="ApplicationCommands.Open"/>
        <Button Content="Save" Command="ApplicationCommands.Save"/>
    </ToolBar>
    <ToolBar Header="Edit Operations">
        <Button Content="Cut" Command="ApplicationCommands.Cut"/>
        <Button Content="Copy" Command="ApplicationCommands.Copy"/>
        <Button Content="Paste" Command="ApplicationCommands.Paste"/>
    </ToolBar>
</ToolBarTray>

在这个示例中，有两个工具栏分别执行文件操作和编辑操作，用户可以拖动这些工具栏，改变它们在工具栏托盘中的顺序。

7. 动态创建工具栏

你可以在代码中动态创建并配置工具栏，以响应用户的操作或应用程序的状态。

示例：

ToolBar toolBar = new ToolBar();
Button newButton = new Button { Content = "New", Command = ApplicationCommands.New };
Button openButton = new Button { Content = "Open", Command = ApplicationCommands.Open };
Button saveButton = new Button { Content = "Save", Command = ApplicationCommands.Save };
toolBar.Items.Add(newButton);
toolBar.Items.Add(openButton);
toolBar.Items.Add(saveButton);

ToolBarTray toolBarTray = new ToolBarTray();
toolBarTray.ToolBars.Add(toolBar);

this.Content = toolBarTray;

在这个示例中，工具栏和按钮是在代码中动态创建的，并添加到 ToolBarTray 中。

总结

ToolBar 是 WPF 中用于实现应用程序快捷操作的关键控件。通过结合使用 ToolBarTray、MenuItem、ToggleButton 等控件，你可以创建功能强大、用户友好的工具栏。自定义样式、拖放功能、菜单和动态创建工具栏等技巧，使你能够根据需求灵活地设计应用程序的用户界面。