pionowy separator w WPF Ribbon

Question

Jak mogę dodać separator pionowy do WPF Wstążki, aby RibbonGroup? Próbowałem czegoś takiego, ale mam poziomy pionizator.

<r:RibbonGroup> 
<r:RibbonButton Command="{StaticResource SomeButton}" />  
<r:RibbonSeparator></r:RibbonSeparator> 
<r:RibbonToggleButton IsChecked="False" Command="{StaticResource AnotherButton}"/></r:RibbonToggleButton> 
</r:RibbonGroup> 

Jak zatem utworzyć pionowy separator?

Answer 1

Tak to zrobię.

<ribbon:RibbonGroup.Resources> 
    <!-- Vertical Separator--> 
    <Style TargetType="{x:Type ribbon:RibbonSeparator}" 
      x:Key="KeyRibbonSeparatorVertical"> 
     <Setter Property="LayoutTransform"> 
      <Setter.Value> 
       <RotateTransform Angle="90"/> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</ribbon:RibbonGroup.Resources> 

Answer 2

Można użyć RibbonLabel, w której można zorganizować żadnej kontroli w RibbonGroup. Jest bardzo przydatny!

Na pionowej linii rozdzielającej, można spróbować to:

<ribbon:RibbonLabel> 
    <Rectangle Height="56" Margin="2,0" Stroke="Silver"/> 
</ribbon:RibbonLabel> 

(Oczywiście, można projektować je, jak widać pasuje do aplikacji ..)

Answer 3

Wygląda to robi” t działają już w najnowszej wersji (3.5.40729.1). Narzędzie RibbonSeparator również nie działa, ale można użyć:

<Ribbon:RibbonControlGroup Height="55" Margin="5" Width="1" MinHeight="55" MaxWidth="1"/> 

Answer 4

Można owinąć co masz w RibbonGroup, pionowy separator jest tworzony z prawej strony grupy.

Wszystko zrobiłem był owinięty pierwszy przycisk w RibbonGroup.

<ribbon:RibbonTab x:Name="HomeTab" 
        Header="Home"> 
    <ribbon:RibbonGroup x:Name="Group1" 
         Header="Group1"> 
     <ribbon:RibbonGroup> 
      <ribbon:RibbonButton x:Name="Button1" 
          LargeImageSource="Images\LargeIcon.png" 
          Label="Button1" Margin="-5" /> 
     </ribbon:RibbonGroup> 

     <ribbon:RibbonButton x:Name="Button2" 
          SmallImageSource="Images\SmallIcon.png" 
          Label="Button2" /> 
     <ribbon:RibbonButton x:Name="Button3" 
          SmallImageSource="Images\SmallIcon.png" 
          Label="Button3" /> 
     <ribbon:RibbonButton x:Name="Button4" 
          SmallImageSource="Images\SmallIcon.png" 
          Label="Button4" /> 
    </ribbon:RibbonGroup> 

</ribbon:RibbonTab> 

Answer 5

Ten pracował dla mnie:

<Border Width="1" Margin="3" Height="175" Visibility="Visible" Background="#FFB9C9DA" />