功能区按钮在 WPF 的功能区控件中未正确对齐答案

【问题标题】：RibbonButton not aligning properly in Ribbon Control in WPF功能区按钮在 WPF 的功能区控件中未正确对齐
【发布时间】：2012-01-03 04:04:51
【问题描述】：

我正在为我的应用程序创建功能区控件，并且我已经为其编写了大部分代码。我面临的唯一问题是我添加到 Tabs 的 Ribbon Buttons 在 Tab 中没有正确对齐。正如您在屏幕截图中看到的那样，按钮与选项卡的底部对齐。我怎样才能将这些按钮置于顶部，以便它们可见。

这就是我的应用的样子

XAML 代码如下

<UserControl x:Class="SongPurifier.UserControls.RibbonControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:ribbon="http://schemas.microsoft.com/winfx/2006/xaml/presentation/ribbon"
        >
<Grid>
    <ribbon:Ribbon x:Name="ribbon" VerticalAlignment="Top">
        <ribbon:RibbonTab Header="Home">
            <ribbon:RibbonSplitButton  
                Label="Open" 
                LargeImageSource="/Images/Folder Open.png"
                Command="{Binding OpenFolderCommand}">
            </ribbon:RibbonSplitButton>
        </ribbon:RibbonTab>

        <ribbon:RibbonTab Header="Edit" >
            <ribbon:RibbonButton Label="Replace String" 
                                 LargeImageSource="/Images/Find Replace.png"
                                 Command="{Binding EditSongInfoCommand}"
                                 >
            </ribbon:RibbonButton >

            <ribbon:RibbonButton Label="Update Song Info"
                                 LargeImageSource="/Images/Update.png"
                                 Command="{Binding UpdateSongInfoCommand}"
                                 >
            </ribbon:RibbonButton>
        </ribbon:RibbonTab>
        <ribbon:RibbonTab Header="Update" >
            <ribbon:RibbonButton 
                Label="Check for Update" >

            </ribbon:RibbonButton>
        </ribbon:RibbonTab>
    </ribbon:Ribbon>
</Grid>

【问题讨论】：

标签： wpf controls ribbon

【解决方案1】：

萨钦：将功能区按钮放在 RibbonGroup 中。

<my:RibbonTab Header="Home">
    <my:RibbonGroup Header="File">
        <ribbon:RibbonSplitButton  
            Label="Open" 
            LargeImageSource="/Images/Folder Open.png"
            Command="{Binding OpenFolderCommand}">
        </ribbon:RibbonSplitButton>
    </my:RibbonGroup>
</my:RibbonTab>

【讨论】：

是的，成功了！根据我的要求，我认为我不需要在 RibbonGroup 中添加按钮，但现在在此之后并查看 MSFT 给出的示例示例，我认为您必须这样做。