Question

如何实现持久性导航栏。基本上是一个应用栏，即使通过右键单击操作也无法解散。在讨论计算器应用程序中的平面导航时，本文（https://msdn.microsoft.com/en-us/library/windows/apps/xaml/dn440584.aspx）中提到的MS，以及在Windows 8.1中查看对Windows应用商店应用的更改时此处（http://blogs.windows.com/bloggingwindows/2014/05/13/windows-store-refresh-makes-it-easier-to-find-apps/）。

Answer 1

在阅读了你的问题后，我开始谷歌搜索，并且无法找到任何已有的应用程序栏。所以据我所知，没有像持久的App Bar那样的东西。 IsSticky的财产确实在某种程度上有所帮助，但仍然可以通过右键单击解除。

但你仍然可以自己定制东西......

至于例如。您已在问题中提及this page。

The Persistent App Bar

您可以自己实现相同的功能。

这是我的实施，只是为了让您入门......

<Page
    x:Class="App2.BlankPage5"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App2"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="80"/>
            <RowDefinition Height="120"/>
            <RowDefinition />
        </Grid.RowDefinitions>

        <Grid Grid.Row="0" Background="Green">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <StackPanel Grid.Column="0" Orientation="Horizontal">
                <Rectangle Width="80" Height="80">
                    <Rectangle.Fill>
                        <ImageBrush ImageSource="Assets/windows-image.jpg" />    
                    </Rectangle.Fill>
                </Rectangle>

                <TextBlock Text="Home" FontSize="40" VerticalAlignment="Center" HorizontalAlignment="Center"/>
            </StackPanel>
            <TextBlock Text="Top Charts" Grid.Column="1" FontSize="40" VerticalAlignment="Center" HorizontalAlignment="Center"/>
            <TextBlock Text="Categories" Grid.Column="2" FontSize="40" VerticalAlignment="Center" HorizontalAlignment="Center"/>
            <TextBlock Text="Collection" Grid.Column="3" FontSize="40" VerticalAlignment="Center" HorizontalAlignment="Center"/>
            <TextBlock Text="Accounts" Grid.Column="4" FontSize="40" VerticalAlignment="Center" HorizontalAlignment="Center"/>
        </Grid>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <Rectangle Grid.Column="0" Width="110" Height="110">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="Assets/back.png" />
                </Rectangle.Fill>
            </Rectangle>

            <TextBlock  Margin="10, 0, 0, 0" Text="Store" FontSize="70" Grid.Column="1" Foreground="Black" HorizontalAlignment="Left" VerticalAlignment="Center"/>
        </Grid>

        <Grid Grid.Row="2" >
            <TextBlock Text="Your Content Here" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="100" Foreground="Black"/>
        </Grid>

    </Grid>
</Page>

它产生以下输出：

Program Output

我没有参与各自的活动处理程序，我希望你能根据自己的需要做到这一点。

基本建议：不要尝试对已有的设计模板进行太多更改。坚持使用它们，只应用所需的更改。

Answer 2

这是你怎么做的。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0" x:Name="NavigationPart" Orientation="Horizontal">
        <Button Content="Home" />
        <Button Content="Products" />
        <Button Content="Contact" />
    </StackPanel>
    <Frame Grid.Row="1" x:Name="ContentPart" />
</Grid>

祝你好运！

适用于Windows 8应用程序的XAML中的持久性导航栏

2 个答案: