Question

我有带几个按钮的RibbonControlGroup。

<r:RibbonControlGroup>
    <r:RibbonToggleButton Label="button1"/>
    <r:RibbonToggleButton Label="button2"/>
</r:RibbonControlGroup>

“功能区”按钮水平排列。喜欢（button1 | button2）。如何垂直排列按钮？

Answer 1

我知道，我来晚会很晚，但可能会对某人有所帮助由于RibbonControlGroup是ItemsControl，因此正确的方法是替换ItemsPanel，如下所示：

<r:RibbonControlGroup>
    <r:RibbonControlGroup.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical" />
        </ItemsPanelTemplate>
    </r:RibbonControlGroup.ItemsPanel>

    <!-- Group items are listed below: -->
    <r:RibbonToggleButton Label="button1"/>
    <r:RibbonToggleButton Label="button2"/>
</r:RibbonControlGroup>

这种方法在概念上与@ Sajeetharan的答案不同，因为他创建了一个包含单个孩子的小组 - StackPanel，而我的样本仍然是代码的等效内容，发布在问题中：here＆＃ 39; sa有两个RibbonToggleButton类型的孩子。

当通过数据绑定表达式动态填充组项时，差异对数据绑定方案有意义。

Answer 2

使用 StackPanel 并将方向更改为垂直，

 <r:RibbonControlGroup>
            <StackPanel Orientation="Vertical">
            <r:RibbonToggleButton Label="button1"/>
            <r:RibbonToggleButton Label="button2"/>
            </StackPanel>
 </r:RibbonControlGroup>

Answer 3

您可以将这些控件保存在容器中，并将其Orientation属性设置为＆＃34; Vertical＆＃34; 对于例如使用StackPanel作为容器

将垂直放置按钮

如何在RibbonControlGroup（wpf）中垂直排列按钮

3 个答案: