WPF ToolBar Сепаратор сжимается ни к чему, когда внутри StackPanel

Question

Учитывая очень простой МОФ App

<Window x:Class="Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window1" Height="300" Width="800"> 
    <Grid> 
     <ToolBar Height="50" > 
      <MenuItem Header="Test1" /> 
      <MenuItem Header="Test2" /> 

      <StackPanel Orientation="Horizontal"> 
       <Separator /> 
       <MenuItem Header="Test3" /> 
       <MenuItem Header="Test4" /> 
       <MenuItem Header="Test5" /> 
      </StackPanel> 
     </ToolBar> 
    </Grid> 
</Window> 

Элемент Сепаратор сжимается ни к чему. Если я поставлю Separator перед началом StackPanel, он появится. Почему это происходит? Есть ли стиль, который можно применить где-нибудь, чтобы избежать этого?

Answer 1

StackPanel меняет ориентацию Separator как-то. Обратите внимание, что если вы явно укажете Separator на ширину в 20 единиц, то Separator будет горизонтальной линией вместо вертикальной линии. Это часть того, что происходит.

Если вы применили LayoutTransform к Separator, он отменяет все, что делает StackPanel.

<Separator> 
    <Separator.LayoutTransform> 
     <RotateTransform 
      Angle="90" /> 
    </Separator.LayoutTransform> 
</Separator> 

Я не понимаю необходимость в StackPanel, хотя.

Answer 2

Панель инструментов смешна о том, что вы положили внутрь. Они становятся забавными, когда все элементы не являются прямыми детьми ToolBar. Элементами группировки являются ToolBarTray (группа панелей инструментов), ToolBar и ToolBarPanel (логическое, для свертывания переполнения). Это то, что хочет WPF:

<Grid> 
    <ToolBarTray> 
     <ToolBar Height="Auto"> 
      <ToolBarPanel Orientation="Horizontal" ToolBar.OverflowMode="AsNeeded"/> 
      <MenuItem Header="Test1" /> 
      <Separator/> 
      <MenuItem Header="Test2" /> 
     </ToolBar> 
     <ToolBar Height="Auto"> 
      <ToolBarPanel ToolBar.OverflowMode="Never"/> 
      <MenuItem Header="Test3" /> 
      <MenuItem Header="Test4" /> 
      <Separator/> 
      <MenuItem Header="Test5" /> 
      <ToolBarPanel ToolBar.OverflowMode="AsNeeded"/> 
      <MenuItem Header="Test6" /> 
      <MenuItem Header="Test7" /> 
     </ToolBar> 
    </ToolBarTray> 
</Grid> 

Answer 3

Сепараторы по умолчанию для горизонтальной ориентации.

Сепараторы, расположенные непосредственно внутри ToolBar, имеют свои стили, потому что панель инструментов отменяет стили по умолчанию для своих элементов. Сепараторы, помещенные в другое место, получают стиль по умолчанию разделителя. Поэтому вам нужно будет стилизовать разделитель самостоятельно, если вы захотите сохранить его внутри StackPanel.

This CodeProject discussion содержит образец кода для этого.

Ссылка: WPF развязал Адама Натаном, стр 117.