WindowsPhone 的 TopAppbar 和 BottomAppBar

Question

我的通用应用程序中有 TopAppbar 和 BottomAppBar，我想在我的 windows phone 8 中创建相同的 AppBars，这是我的代码：

<Page.TopAppBar>
        <CommandBar HorizontalContentAlignment="Stretch" Background="#FF00AEEF">
            <CommandBar.Content >
                <Grid>
                    <StackPanel Orientation="Horizontal"
                        HorizontalAlignment="Left">
                        <StackPanel Orientation="Horizontal" >
                            <Image Margin="2" Height="35" Source="images/4.png" Width="35"/>
                        </StackPanel>
                        <Button VerticalAlignment="Stretch" Background="#FF00AEEF" x:Name="HomeBtn" Click="HomeBtn_Click">
                            <StackPanel Orientation="Horizontal">
                                <Image Source="images/berry.png" Height="35" Width="35" />
                                <TextBlock Text="BarBerry"  Foreground="White"></TextBlock>
                            </StackPanel>
                        </Button>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                        <Button VerticalAlignment="Stretch" Background="#FF00AEEF" Style="{StaticResource CustomButtonStyle}" Margin="5,0">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Contact" Foreground="White"></TextBlock>
                            </StackPanel>
                        </Button>
                    </StackPanel>
                </Grid>
            </CommandBar.Content>
        </CommandBar>
    </Page.TopAppBar>

    <Page.BottomAppBar>
        <CommandBar Background="#eff0f2" HorizontalContentAlignment="Stretch">
            <CommandBar.Content>
                <Grid HorizontalAlignment="Stretch">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <StackPanel Orientation="Horizontal"
                        HorizontalAlignment="Left" Grid.Row="0" Grid.Column="0" VerticalAlignment="Stretch">
                        <Image Source="images/world.png" Height="35" Width="35" Margin="5,0"/>
                        <ComboBox Margin="2" BorderThickness="0" SelectedItem="test" x:Name="combo">
                            <ComboBoxItem Content="test" />
                            <ComboBoxItem Content="test1" />
                        </ComboBox>
                    </StackPanel>
                </Grid>
            </CommandBar.Content>
        </CommandBar>
    </Page.BottomAppBar>

但问题是，我只显示了 BottomAppBar，是否可以在 windows Phone 8 中定义一个顶部和底部 AppBar，我应该使用 StackPanel 代替顶级应用栏？

感谢帮助

Answer 1

您无法在 windows phone 中创建 顶部应用栏 。因为他们只是在Windowsphone项目中定义了Bottom App Bar。所以你只能在 windows phone.Yes 中定义底部应用栏你可以使用 堆栈面板 而不是顶部应用栏，但我认为这不是一个好主意在 windows phone :).

中实现这种功能

WindowsPhone 的 TopAppbar 和 BottomAppBar

a TopAppbar and BottomAppBar for WindowsPhone

windows-phone-8-emulator

windows-phone-8.1