属性元素不能位于元素内容的中间吗？

Question

我刚刚开始使用Fluent功能区，并试图通过演练，但是创建上下文标签时遇到了麻烦。我已经添加了ContextualGroup和与其绑定的RibbonTabItem的代码，但是关于RibbonTabItem却出现了错误：

“属性元素不能位于元素内容的中间。它们必须在内容之前或之后。第47行的位置14“

给我错误的行是：

<Fluent:RibbonTabItem Header="CT" Group="{Binding ElementName=toolsGroup}"/>

我已尽可能仔细地遵循了演练，我一直在寻找问题，并试图将我的代码与FluentTest代码进行比较，但我仍然无法弄清楚自己在做什么错。这是我的MainWindow.xaml文件所具有的内容：

< Fluent:RibbonWindow x:Class="FluentRibbonPractice.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Fluent:Ribbon>

            <!--Backstage-->
            <Fluent:Ribbon.Menu>
                <Fluent:Backstage>
                    <Fluent:BackstageTabControl>
                        <Fluent:BackstageTabItem Header="New" />
                        <Fluent:BackstageTabItem Header="Print" />
                        <Fluent:Button Header="Blue" Icon="Images\Blue.png" />
                    </Fluent:BackstageTabControl>
                </Fluent:Backstage>
            </Fluent:Ribbon.Menu>

            <!--Tabs-->
            <Fluent:RibbonTabItem Header="Tab">
                <Fluent:RibbonGroupBox Header="Group">
                    <Fluent:Button Name="buttonGreen" Header="Green"
                                   Icon="Images\Green.png" LargeIcon="Images\GreenLarge.png" />
                    <Fluent:Button Name="buttonGray" Header="Gray"
                                   Icon="Images\Gray.png" LargeIcon="Images\GrayLarge.png" />
                </Fluent:RibbonGroupBox>
            </Fluent:RibbonTabItem>

            <!--QAT Items-->
            <Fluent:Ribbon.QuickAccessItems>
                <Fluent:QuickAccessMenuItem IsChecked="true">
                    <Fluent:Button Header="Pink" Icon="Images\Pink.png" />
                    </Fluent:QuickAccessMenuItem>
                    <!--Binding to a control-->
                <Fluent:QuickAccessMenuItem Target="{Binding ElementName=buttonGreen}" />
            </Fluent:Ribbon.QuickAccessItems>


            <!--Contextual Tab Groups-->
            <Fluent:Ribbon.ContextualGroups>
                <Fluent:RibbonContextualTabGroup Header="Tools" Visibility="Visible"
                                                x:Name="toolsGroup" Background="Green" BorderBrush="Green" />
            </Fluent:Ribbon.ContextualGroups>

            <!-- Contextual Tab -->
            <Fluent:RibbonTabItem Header="CT" Group="{Binding ElementName=toolsGroup}"/>

        </Fluent:Ribbon>
    </Grid>
< /Fluent:RibbonWindow>

[就像我说过，我一直在寻找解决方案，但我不明白问题出在哪里。更令人讨厌的是ContextualTab在设计视图中显示得很好，但是当我尝试构建它时，编译器会抛出错误。有人可以帮我吗？

Answer 1