属性元素不能位于元素的中间';内容

本文关键字:元素 中间 内容 不能 于元素 属性 | 更新日期: 2023-09-27 18:00:57

我刚开始使用Fluent Ribbon,并试图完成演练,但我在创建上下文选项卡时遇到了问题。我已经添加了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在设计视图中显示得很好,但当我试图构建它时,编译器会抛出一个错误。有人能帮我吗?

属性元素不能位于元素的中间';内容

我没有意识到我已经完成了,但显然只需要将<!-- Tabs -->块移动到<!--Contextual Tab Groups-->块下方