10

如何将垂直分隔符添加到 WPF 功能区，添加到 RibbonGroup？我尝试过类似的方法，但我得到的是水平分隔符而不是垂直分隔符。

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

那么如何制作垂直分隔符？

4

6 回答 6

10

我就是这样做的。

<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>
于 2011-03-30T06:38:43.173 回答
5

看起来这在最新版本（3.5.40729.1）中不再适用。RibbonSeparator 也不起作用，但您可以使用：

<Ribbon:RibbonControlGroup Height="55" Margin="5" Width="1" MinHeight="55" MaxWidth="1"/>
于 2010-09-22T14:52:15.037 回答
3

您可以将您拥有的内容包装在RibbonGroup中，在组的右侧创建一个垂直分隔符。

使用 RibbonGroup 作为包装器的垂直功能区分隔符

我所做的只是将第一个按钮包裹在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>
于 2014-06-18T15:39:10.743 回答
2

您可以使用 RibbonLabel，它可以承载 RibbonGroup 中的任何控件。它非常方便！

对于垂直行分隔符，您可以尝试以下操作：

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

（当然，您可以按照您认为适合该应用程序的方式对其进行样式设置..）

于 2010-06-25T17:33:01.133 回答
1

和我一起工作-

                <my:RibbonSeparator Margin="5,0" Width="70" BorderBrush="Navy" BorderThickness="2">
                    <my:RibbonSeparator.RenderTransform>
                        <RotateTransform Angle="90" />
                    </my:RibbonSeparator.RenderTransform>
                </my:RibbonSeparator>
于 2020-04-16T14:45:51.583 回答
0

这对我有用：

<Border Width="1" Margin="3" Height="175" Visibility="Visible" Background="#FFB9C9DA" />
于 2015-02-17T08:42:00.540 回答