在Windows 8中添加顶部导航栏 - 教程问题

Question

我在WIndows 8上尝试tutorial。我需要添加Navigation Bar。步骤如下：

以下内容来自教程。

1. 在Solution Explorer中，双击MainPage.xaml将其打开。
2. 在文档大纲中，选择“pageRoot”元素。
3. 在“属性”面板中，单击“属性”按钮（）以显示“属性”视图。
4. 在“属性”面板中的“常用”下，找到“TopAppBar”属性。
5. 单击TopAppBar旁边的“新建”按钮。 AppBar控件将添加到页面中。
6. 在文档大纲中，展开TopAppBar属性。
7. 选择“photoPageButton”元素，将其拖到AppBar上，然后将其删除。
8. 在“属性”面板的“布局”下，将“Horizo​​ntalAlignment”属性设置为“右（）。
”
9. 按F5构建并运行应用程序。要测试应用栏，请右键单击主页面。应用程序栏将在屏幕顶部打开。

我双击MainPage.xaml，然后双击Document Outline我选择的pageRoot。并在展开properties的{​​{1}}窗口中点击Common旁边的New。

它下面添加了几个TopAppBar。 Fields，Allow Drop和Background是其中的一部分。然后在Cache Mode我将按钮拖到Document Outline下的AppBar。将TopAddBar更改为HorizontalAlignment，构建并执行应用程序。但我没有看到按钮添加到顶部导航栏。我在这里做错了什么？

更新

Right

Answer 1

您正在关注this tutorial here，对吗？您似乎已将错误的按钮拖到TopAppBar上。

您应该拖动的按钮名为photoPageButton（其x：Name属性）。相反，您在TopAppBar中获得的按钮没有名称，并显示“下一页”文本。

将photoPageButton拖到TopAppBar后，TopAppBar的XAML标记应如下所示：

<common:LayoutAwarePage.TopAppBar>
    <AppBar HorizontalAlignment="Right">
        <Button x:Name="photoPageButton" Content="Go to photo page"/>
    </AppBar>
</common:LayoutAwarePage.TopAppBar>

在教程中稍微进一步并将样式应用于按钮之后，TopAppBar的标记将如下所示：

<common:LayoutAwarePage.TopAppBar>
    <AppBar HorizontalAlignment="Right">
        <Button x:Name="photoPageButton" 
            Click="photoPageButton_Click"
            HorizontalAlignment="Right" 
            Style="{StaticResource PicturesAppBarButtonStyle}"/>
    </AppBar>
</common:LayoutAwarePage.TopAppBar>

在那里同时拥有其他AppBar设置是完全可以接受的 - Background，BorderBrush;这些都是对颜色无害的改变 - 我相信AllowDrop默认为true，所以也没关系。