RibbonButton未正確對齊WPF中的功能區控件

Question

我正在爲我的應用程序創建功能區控件，並且我已經編寫了大部分代碼。我面臨的唯一問題是我添加到選項卡的功能區按鈕未在Tab中正確對齊。正如您在屏幕截圖中看到的那樣，該按鈕對齊到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> 

Answer 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>