如何在RibbonControlGroup(wpf)中垂直排列按钮

本文关键字：垂直 排列 按钮 wpf RibbonControlGroup | 更新日期: 2023-09-27 17:58:48

我有带几个按钮的RibbonControlGroup。

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

功能区上的按钮是水平排列的。类似（button1|button2）。如何垂直排列按钮？

如何在RibbonControlGroup(wpf)中垂直排列按钮

我知道，我参加聚会迟到了，但这可能会对某人有所帮助
由于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的组，而我的示例仍然相当于问题中发布的代码：这是一个有两个类型为RibbonToggleButton的孩子的组。

当通过数据绑定表达式动态填充组中的项时，这种差异对于数据绑定场景将是有意义的。

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

将按钮垂直放置

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

 <r:RibbonControlGroup>
            <StackPanel Orientation="Vertical">
            <r:RibbonToggleButton Label="button1"/>
            <r:RibbonToggleButton Label="button2"/>
            </StackPanel>
 </r:RibbonControlGroup>
相关文章：