devbox
煮酒与君饮
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

WPF之工具栏菜单栏功能区。_wpf 菜单栏

作者：煮酒与君饮 | 2024-06-26 05:48:10

赞

踩

wpf 菜单栏

1，菜单栏，工具栏，状态栏。

        1.1，Menu中可添加菜单分隔条<Separator></Separator>作为分割线，使用Separator可以通过改变其template来自定义，Separator是无焦点的，如果简单的在MenuItem中添加一个textBlock它是可以有焦点的

        1.2，ToolBar没有ToolBarItem，ToolBar会将添加到其中的Button,CheckBox,Combobox样式进行修改.

        1.3，通过附加属性ToolBar.OverFlowMode来设置该项的溢出方式

        1.4，ToolBarTray.Band：确定工具栏放在哪一栏中（最顶部的一栏索引为0），BandIndex属性明确设置一栏中什么位置放置工具栏.

        1.5，ToolBarTray.Orientation:设置工具栏方向      

        1.6，示例：

  1. <Window x:Class="目录样例.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:local="clr-namespace:目录样例"
  7.         mc:Ignorable="d"
  8.         Title="MainWindow" Height="350" Width="525">
  9.     <DockPanel LastChildFill="False">
  10.         <Menu DockPanel.Dock="Top" >
  11.             <MenuItem Header="File(_F)">
  12.                 <MenuItem Command="{x:Static ApplicationCommands.Open}"></MenuItem>
  13.                 <MenuItem Header="New(_N)" IsChecked="True" x:Name="menuitem01" ></MenuItem>
  14.                 <Separator ></Separator>
  15.                
  16.                 <MenuItem Header="Save_S"></MenuItem>
  17.             </MenuItem>
  18.             <MenuItem Header="Eidt_E">
  19.                 <MenuItem Header="撤销"></MenuItem>
  20.                 <Separator>
  21.                     <Separator.Template>
  22.                         <ControlTemplate>
  23.                             <Border Padding="10" BorderThickness="1" BorderBrush="Azure" CornerRadius="3">
  24.                                 <TextBlock HorizontalAlignment="Center">分割</TextBlock>
  25.                             </Border>
  26.                         </ControlTemplate>
  27.                     </Separator.Template>
  28.                 </Separator>
  29.                 <Border Padding="10" BorderThickness="1" BorderBrush="Azure" CornerRadius="3">
  30.                     <TextBlock HorizontalAlignment="Center">分割</TextBlock>
  31.                 </Border>
  32.                 <MenuItem Header="删除" InputGestureText="Ctr+D"></MenuItem>
  33.             </MenuItem>
  34.         </Menu>
  35.         <ToolBarTray DockPanel.Dock="Top">
  36.             <ToolBar Band="0" >
  37.                 <Button>Line</Button>
  38.                 <Button >Rectangle</Button>
  39.             </ToolBar>
  40.             <ToolBar Band="1">
  41.                 <Button>Color</Button>
  42.                 <Button >Font</Button>
  43.             </ToolBar>
  44.             <ToolBar Band="0" >
  45.                 <Button>One</Button>
  46.                 <Button >Two</Button>
  47.             </ToolBar>
  48.         </ToolBarTray>
  49.         <StatusBar   DockPanel.Dock="Bottom">
  50.             <!--<StatusBar.ItemTemplate>
  51.                 <ItemContainerTemplate>
  52.                     <DockPanel></DockPanel>
  53.                 </ItemContainerTemplate>-->
  54.             <!--</StatusBar.ItemTemplate>-->
  55.             <StatusBarItem DockPanel.Dock="Right">账号：</StatusBarItem>
  56.             <StatusBarItem DockPanel.Dock="Top" >状态1</StatusBarItem>
  57.             <StatusBarItem  >状态2</StatusBarItem>
  58.         </StatusBar>
  59.         <ToolBarTray Orientation="Vertical" >
  60.             <ToolBar   >
  61.                 <Button  >
  62.                     <Button.Content>
  63.                         <Image Source="/Img/download.png" Width="16" Height="16"></Image>
  64.                     </Button.Content>
  65.                 </Button>
  66.                 <Button Content="Open"></Button>
  67.                 <Button Content="Save"></Button>
  68.                 <CheckBox FontWeight="Bold">Bold</CheckBox>
  69.                 <CheckBox FontStyle="Italic">Italic</CheckBox>
  70.                 <CheckBox >
  71.                     <TextBlock TextDecorations="Underline">UnderLine</TextBlock>
  72.                 </CheckBox>
  73.                 <ComboBox ToolBar.OverflowMode="Never"  Width="80">
  74.  
  75.                     <ComboBoxItem>10%</ComboBoxItem>
  76.                     <ComboBoxItem >20%</ComboBoxItem>
  77.                     <ComboBoxItem>30%</ComboBoxItem>
  78.  
  79.  
  80.                 </ComboBox>
  81.                 <Separator></Separator>
  82.             </ToolBar>
  83.         </ToolBarTray>
  84.         
  85.     </DockPanel>
  86. </Window>

        1.7，效果：

2，功能区

        2.1，使用功能区需要添加程序集System.Windows.Controls.Ribbon。

        2.2，引用程序集：

 xmlns:r="clr-namespace:System.Windows.Controls.Ribbon;assembly=System.Windows.Controls.Ribbon"

        2.3，为了使快速访问工具栏出现在顶端，需要将默认继承自Window修改为继承自RibbonWindow

  1.  public partial class MainWindow : RibbonWindow
  2.     {
  3.         public MainWindow()
  4.         {
  5.             InitializeComponent();
  6.             
  7.         }
  8.     }
  1. <r:RibbonWindow x:Class="功能区.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:local="clr-namespace:功能区"
  7.         mc:Ignorable="d"
  8.         xmlns:r="clr-namespace:System.Windows.Controls.Ribbon;assembly=System.Windows.Controls.Ribbon"
  9.        
  10.         Title="MainWindow" Height="350" Width="525">
  11.     <Grid>
  12.       
  13.     </Grid>
  14. </r:RibbonWindow>

        2.4，示例：

  1. <r:RibbonWindow x:Class="功能区.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:local="clr-namespace:功能区"
  7.         mc:Ignorable="d"
  8.         xmlns:r="clr-namespace:System.Windows.Controls.Ribbon;assembly=System.Windows.Controls.Ribbon"
  9.        
  10.         Title="MainWindow" Height="350" Width="525">
  11.     <Grid>
  12.         <Grid.RowDefinitions>
  13.             <RowDefinition Height="auto"/>
  14.             <RowDefinition Height="279*"/>
  15.         </Grid.RowDefinitions>
  16.         <Ribbon>
  17. <!--定义快速访问工具栏-->
  18.             <Ribbon.QuickAccessToolBar>
  19.                 <RibbonQuickAccessToolBar>
  20.                     <RibbonButton Label="Cut" SmallImageSource="/Img/cut.png"></RibbonButton>
  21.                     <RibbonButton Label="Open" SmallImageSource="/Img/open1.png"></RibbonButton>
  22.                 </RibbonQuickAccessToolBar>
  23.             </Ribbon.QuickAccessToolBar>
  24.             <Ribbon.ApplicationMenu>
  25.                 <RibbonApplicationMenu SmallImageSource="Img/desktop.png">
  26.                     <RibbonApplicationMenuItem Header="新建" ImageSource="Img/new window.png"></RibbonApplicationMenuItem>
  27.                     <RibbonApplicationMenuItem Header="保存" ImageSource="Img/save.png">
  28.                         <RibbonApplicationMenuItem Header="另存" ImageSource="Img/save-as.png"></RibbonApplicationMenuItem>
  29.                     </RibbonApplicationMenuItem>
  30.                     <RibbonSeparator></RibbonSeparator>
  31.                     <RibbonApplicationMenuItem Header="另存" ImageSource="Img/save-as.png"></RibbonApplicationMenuItem>
  32.                 </RibbonApplicationMenu>
  33.             </Ribbon.ApplicationMenu>
  34.             <RibbonTab Header="Home" GroupSizeReductionOrder="ClipBoard,Files">
  35.                 <RibbonGroup Header="ClipBoard">
  36.                     <RibbonButton Label="Copy" SmallImageSource="Img/copy.png" LargeImageSource="Img/copy.png"></RibbonButton>
  37.                     <RibbonButton Label="Cut" SmallImageSource="Img/cut.png" LargeImageSource="Img/cut.png"></RibbonButton>
  38.                     <RibbonButton Label="Paste" SmallImageSource="Img/paste.png" LargeImageSource="Img/paste.png" ToolTipTitle="粘贴" ToolTipDescription="对文档进行粘贴等操作" ToolTipImageSource="Img/cut.png" ToolTipFooterTitle="更多信息" ToolTipFooterDescription="按F1获取更多帮助" ToolTipFooterImageSource="Img/help.png"></RibbonButton>
  39.                 </RibbonGroup>
  40.                 <RibbonGroup Header="ClipBoard">
  41.                     <RibbonButton Label="Copy" SmallImageSource="Img/copy.png" LargeImageSource="Img/copy.png"></RibbonButton>
  42.                     <RibbonButton Label="Cut" SmallImageSource="Img/cut.png" LargeImageSource="Img/cut.png"></RibbonButton>
  43.                     <RibbonButton Label="Paste" SmallImageSource="Img/paste.png" LargeImageSource="Img/paste.png" ToolTipTitle="粘贴" ToolTipDescription="对文档进行粘贴等操作" ToolTipImageSource="Img/cut.png" ToolTipFooterTitle="更多信息" ToolTipFooterDescription="按F1获取更多帮助" ToolTipFooterImageSource="Img/help.png"></RibbonButton>
  44.                 </RibbonGroup>
  45.                 <RibbonGroup Header="Task">
  46.                     <RibbonButton Label="Copy" SmallImageSource="Img/copy.png" LargeImageSource="Img/copy.png"></RibbonButton>
  47.                     <RibbonButton Label="Cut" SmallImageSource="Img/cut.png" LargeImageSource="Img/cut.png"></RibbonButton>
  48.                     <RibbonButton Label="Paste" SmallImageSource="Img/paste.png" LargeImageSource="Img/paste.png" ToolTipTitle="粘贴" ToolTipDescription="对文档进行粘贴等操作" ToolTipImageSource="Img/cut.png" ToolTipFooterTitle="更多信息" ToolTipFooterDescription="按F1获取更多帮助" ToolTipFooterImageSource="Img/help.png"></RibbonButton>
  49.                 </RibbonGroup>
  50.                 <RibbonGroup Header="Files">
  51.                     <RibbonButton Label="Copy" SmallImageSource="Img/copy.png" LargeImageSource="Img/copy.png"></RibbonButton>
  52.                     <RibbonButton Label="Cut" SmallImageSource="Img/cut.png" LargeImageSource="Img/cut.png"></RibbonButton>
  53.                     <RibbonButton Label="Paste" SmallImageSource="Img/paste.png" LargeImageSource="Img/paste.png" ToolTipTitle="粘贴" ToolTipDescription="对文档进行粘贴等操作" ToolTipImageSource="Img/cut.png" ToolTipFooterTitle="更多信息" ToolTipFooterDescription="按F1获取更多帮助" ToolTipFooterImageSource="Img/help.png"></RibbonButton>
  54.                 </RibbonGroup>
  55.             </RibbonTab>
  56.            
  57.         </Ribbon>
  58.            
  59.       
  60.     </Grid>
  61. </r:RibbonWindow>

        注明：

                GroupSizeReductionOrder="ClipBoard,Files" ribbonTab中首先被缩小的Group。

                快速访问工具栏。Ribbon.QuickAccessToolBar

        2.5，效果：


 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/煮酒与君饮/article/detail/758378
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号