【愚公系列】2023年10月 WPF控件专题 ToolBar控件详解

举报
愚公搬代码 发表于 2023/09/30 23:51:43 2023/09/30
【摘要】 WPF控件是Windows Presentation Foundation(WPF)中的基本用户界面元素。它们是可视化对象,可以用来创建各种用户界面。WPF控件可以分为两类:原生控件和自定义控件。

🏆 作者简介,愚公搬代码
🏆《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,阿里云专家博主,腾讯云优秀博主,掘金优秀博主,51CTO博客专家等。
🏆《近期荣誉》:2022年CSDN博客之星TOP2,2022年华为云十佳博主等。
🏆《博客内容》:.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
🏆🎉欢迎 👍点赞✍评论⭐收藏

🚀前言

WPF控件是Windows Presentation Foundation(WPF)中的基本用户界面元素。它们是可视化对象,可以用来创建各种用户界面。WPF控件可以分为两类:原生控件和自定义控件。

原生控件是由Microsoft提供的内置控件,如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。

自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项,以及更好的用户体验。

🚀一、ToolBar控件详解

在WPF中,ToolBar控件是一个非常常用的控件。ToolBar控件通常用来放置一系列可以执行命令的按钮或其他控件,常见的应用场景是如Microsoft Office等办公软件中的工具栏。

以下是ToolBar控件的一些常用属性:

  • HorizontalAlignment:水平对齐方式。
  • VerticalAlignment:垂直对齐方式。
  • Orientation:控件排列方向,可以是水平或垂直。
  • IsOverflowOpen:表示是否展开显示溢出的项目。
  • OverflowMode:指定溢出项目的应对方式。

以下是一个简单的例子,展示如何在XAML中使用ToolBar控件:

<ToolBar Orientation="Horizontal">
    <Button Content="New" />
    <Button Content="Open" />
    <Button Content="Save" />
</ToolBar>

在上面的例子中,我们创建了一个水平排列的ToolBar控件,并在其中添加了三个按钮,分别对应“新建”、“打开”和“保存”操作。

🔎1.属性介绍

ToolBar控件是WPF中常用的控件之一,以下是ToolBar控件常用属性的介绍:

  1. IsOverflowOpen:用于控制ToolBar的溢出按钮是否展开。

  2. Orientation:用于设置ToolBar的方向,可选值为Horizontal(水平)和Vertical(垂直)。

  3. Band:用于设置ToolBar在工具栏中的位置。

  4. ItemsSource:用于绑定ToolBar的Items属性的数据源。

  5. OverflowMode:用于设置ToolBar溢出时的展现方式,可选值为AsNeeded(按需展现)和Always(总是展现)。

  6. ButtonStyle:用于设置ToolBar中的按钮的样式。

  7. ToolBarTray.IsLocked:用于控制ToolBar是否可以移动。

  8. ToolBarTray.Orientation:用于设置ToolBarTray的方向,可选值为Horizontal(水平)和Vertical(垂直)。

🔎2.常用场景

  1. 常规工具条:在窗口顶部或底部放置一些常用的操作按钮,例如撤销、重做、保存、打印等。

  2. 编辑工具条:在编辑页或文本编辑器中使用工具条来展示编辑工具,例如字体、颜色、段落格式等。

  3. 导航工具条:在复杂的应用程序中使用工具条帮助用户浏览不同的页面和区域,例如一个具有多个选项卡的应用程序,每个选项卡对应一个不同的页面。

  4. 状态工具条:在应用程序中展示当前的状态信息,例如当前的网速、CPU使用率等。

  5. 排版工具条:在处理排版和布局的应用程序中使用工具条,例如桌面出版、图形设计等。

  6. 自定义工具条:可以根据不同的应用程序需求自定义工具条,例如扫描仪软件中的设置工具条。

🔎3.具体案例

<Window x:Class="WpfAppTest.ToolBarWindow"
        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:WpfAppTest"
        mc:Ignorable="d"
        Title="ToolBarWindow" Height="450" Width="800">
        <Window.Resources>
                <RoutedUICommand x:Key="setColor"/>
        </Window.Resources>
        <Window.CommandBindings>
                <CommandBinding Command="{StaticResource setColor}" Executed="SetLabelColor"/>
        </Window.CommandBindings>
        <Grid>
                <ToolBar HorizontalAlignment="Left" Height="36" Margin="10,10,0,0" VerticalAlignment="Top" Width="207" IsOverflowOpen="True" >
                        <Button Name="btnNew" Content="新建"  Click="BtnNew_Click"/>
                        <Separator/>
                        <Image Source="imgs/1111.jpg" Height="20" Width="20"/>
                        <CheckBox Content=" 是否保存" IsChecked="True" Margin="10,0"/>
                        <Separator/>
                        <RadioButton Name="rbRed" ToolTip="Red" Command="{StaticResource setColor}">
                                <RadioButton.Content>
                                        <Rectangle Width="10" Height="10" Fill="Red"/>
                                </RadioButton.Content>
                        </RadioButton>
                        <RadioButton  ToolTip="Yellow" Command="{StaticResource setColor}" >
                                <RadioButton.Content>
                                        <Rectangle Width="10" Height="10" Fill="Yellow"/>
                                </RadioButton.Content>
                        </RadioButton>
                        <RadioButton ToolTip="Green" Command="{StaticResource setColor}">
                                <RadioButton.Content>
                                        <Rectangle Width="10" Height="10" Fill="Green"/>
                                </RadioButton.Content>
                        </RadioButton>
                        <RadioButton ToolTip="Purple" Command="{StaticResource setColor}">
                                <RadioButton.Content>
                                        <Rectangle Width="10" Height="10" Fill="Purple"/>
                                </RadioButton.Content>
                        </RadioButton>
                        <Separator/>
                        <ComboBoxItem Content="选择" VerticalContentAlignment="Center" PreviewMouseLeftButtonUp="ComboBoxItem_MouseLeftButtonUp"/>

                </ToolBar>
                <Label Name="lbl" Content="我是测试文本" HorizontalAlignment="Left" Margin="103,78,0,0" VerticalAlignment="Top"/>


        </Grid>
</Window>

/// <summary>
/// 设置文本颜色 
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void SetLabelColor(object sender,RoutedEventArgs e)
{
        RadioButton rb = e.Source as RadioButton;
        Rectangle rect = rb.Content as Rectangle;
        lbl.Foreground = rect.Fill;
}

private void ComboBoxItem_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
        lbl.Content = "罗丽";
}

private void BtnNew_Click(object sender, RoutedEventArgs e)
{
        Window newWin = new Window();
        newWin.Title = "新建页面";
        newWin.Show();
}

🚀感谢:给读者的一封信

亲爱的读者,

我在这篇文章中投入了大量的心血和时间,希望为您提供有价值的内容。这篇文章包含了深入的研究和个人经验,我相信这些信息对您非常有帮助。

如果您觉得这篇文章对您有所帮助,我诚恳地请求您考虑赞赏1元钱的支持。这个金额不会对您的财务状况造成负担,但它会对我继续创作高质量的内容产生积极的影响。

我之所以写这篇文章,是因为我热爱分享有用的知识和见解。您的支持将帮助我继续这个使命,也鼓励我花更多的时间和精力创作更多有价值的内容。

如果您愿意支持我的创作,请扫描下面二维码,您的支持将不胜感激。同时,如果您有任何反馈或建议,也欢迎与我分享。

在这里插入图片描述

再次感谢您的阅读和支持!

最诚挚的问候, “愚公搬代码”

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。