Question

我希望将CommandBar放在桌面和移动设备的顶部，在新模板UWP Ppero的底部，当桌面上的这个没有退出COOMND栏时，移动设备不会离开上层Commndbar enter code here enter code here

    <Grid.RowDefinitions>
        <RowDefinition x:Name="TitleRow" Height="48"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

 `enter code here`   <TextBlock
        x:Name="TitlePage"
        x:Uid="Main_Title"
         FontSize="{StaticResource FontSizeMedium}" Foreground="{StaticResource RedBrush}" FontWeight="SemiLight" TextTrimming="CharacterEllipsis" TextWrapping="NoWrap" VerticalAlignment="Center"
        Margin="0,0,12,7"/>

 `enter code here`   <CommandBar x:Name="Topbar" Margin="0,0,12,7"  HorizontalAlignment="Right"  Background="White" Visibility="Collapsed"  >
        <CommandBar.PrimaryCommands>
            <AppBarButton  x:Name="AddButton" Icon="Accept" x:Uid="Aceptar"  Foreground="{StaticResource RedBrush}" Click="AddButton_Click"/>
        </CommandBar.PrimaryCommands>
    </CommandBar>

Answer 1

由于您已经在使用VisualStates，因此您的网格中可以有三行，只需使用CommandBar更改Grid.Row的{{1}}值即可应用程序的宽度。

Here is a video of the example code below at run-time

更新

要重复我在上一条评论中所说的内容，您不再需要使用＆＃34; Page.AppBar＆＃34;属性。事实上，您不想使用它，因为您的网格AdaptiveTrigger无法改变网页级属性。

相反，你可以做我在下面显示的内容（它是一个完整的，有效的例子）：

VisualStateManager

当应用程序在移动设备上时，屏幕宽度将小于640epx，CommandBar将位于底部。否则，它将位于顶部。

CommandBar新模板工作室

1 个答案: