2013-02-21 70 views
4

我想在wpf上创建这样的工具栏。如何创建此wpf工具栏

enter image description here

我需要,以创造在红色圆圈按钮区域使用什么? 微软工具栏可以吗?

眼下我想这:

enter image description here

这里是我的XAML代码:

<ToolBarTray Background="#008ede" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="33" > 
     <ToolBar ToolBarTray.IsLocked="True" Background="#008ede" HorizontalAlignment="Stretch" VerticalAlignment="Center" VerticalContentAlignment="Center"> 
      <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center"> 
       <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image> 
      </Button> 
      <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center"> 
       <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image> 
      </Button> 
     </ToolBar>  
    </ToolBarTray> 

1)首先,我想知道如何中心的按钮,我添加verticalAlignment =“中心”,但没有什么是中心。你有想法吗?

2)其次,如何删除或隐藏在右边的小矩形白色请?

3)那么,任何人都知道如何重新创建以红色圈起来的区域?

感谢很多:)

回答

3

你的工具栏看起来中心

最好的问候。你的意思是你想让工具栏成为标题/标题的位置,或者你想隐藏标题标题吗?对于后者,您可以在窗口中尝试WindowStyle =“无”。

至于“小矩形”试图获取和设置OverflowGrid工具栏的可见性属性。

你可能还需要包装的elments在aborder并使用圆角半径达到圆角。这里是一个例如:

<DockPanel Height="40" VerticalAlignment="Top"> 
     <Border BorderBrush="LightBlue" BorderThickness="1" CornerRadius="8" Margin="1" Background="#008ede"> 
       <ToolBarTray Background="#008ede" HorizontalAlignment="Left" VerticalAlignment="Center" > 
        <ToolBar ToolBarTray.IsLocked="True" Background="Transparent" HorizontalAlignment="Stretch" VerticalAlignment="Center" VerticalContentAlignment="Center"> 
         <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center"> 
          <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image> 
         </Button> 
         <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center"> 
          <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image> 
         </Button> 
        </ToolBar> 
       </ToolBarTray> 
     </Border> 
    </DockPanel> 
+0

我的工具栏上没有我的toolbarTray为本然后,你说:“尝试获取和设置工具栏的溢出可视性财产”,但我没有一个OverFlowGrid财产 – 2013-02-21 12:56:22

+0

确定我toolbartray。 ,我使用“VerticalAlignment ='Stretch'”。 – mike01010 2013-02-21 13:00:55

+0

我试过了,但没有改变,我会看对于这个问题之后。你能解释一下我怎么在工具栏上创建带圆角半径的矩形(用于分组按钮)吗?这将是非常好的:) – 2013-02-21 13:05:14