Как создать эту панель инструментов wpf

Question

Я хотел бы создать такую ​​панель инструментов на wpf.

Что мне нужно использовать для того, чтобы создать область с помощью кнопки обведена красным цветом? Возможно ли это с помощью панели инструментов Microsoft?

На данный момент я попытался это:

Вот мой 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) Тогда кто-нибудь знает, как можно воссоздать область, обведенную красным, пожалуйста?

Большое спасибо :)

С наилучшими пожеланиями

Answer 1

Ваш панель инструментов выглядит по центру. вы имеете в виду, что вы хотите, чтобы панель инструментов была там, где заголовок/заголовок, или вы хотите скрыть заголовок? для последнего вы можете попробовать WindowStyle = «Нет» в вашем окне.

Что касается для «маленького прямоугольника» пытается получить и настроить OverflowGrid свойства видимости панели инструментов.

вы, вероятно, также нужно обернуть элементы, входящие в 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>