Separatore verticale nel nastro WPF

Question

Come posso aggiungere il separatore verticale alla barra multifunzione WPF, a RibbonGroup? Ho provato qualcosa del genere, ma ho ottenuto il separatore orizzontale in verticale.

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

Quindi, come posso creare un separatore verticale?

Answer 1

Ecco come lo farei.

<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

È possibile utilizzare una RibbonLabel, che può ospitare qualsiasi controllo in un RibbonGroup. È molto utile!

Per un separatore di linea verticale, si può provare questo:

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

(Naturalmente, è possibile lo stile come si vede in forma per l'applicazione ..)

Answer 3

sembra che questo doesn' t funzionano più nell'ultima versione (3.5.40729.1). Anche il RibbonSeparator non funziona, ma puoi usare:

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

Answer 4

Puoi avvolgere quello che hai in un RibbonGroup, un separatore verticale è stato creato per la destra del gruppo.

Tutto quello che ho fatto è stato avvolto il primo pulsante in un 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

Questo ha funzionato per me:

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