2013-02-21 104 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