Question

我正在制作UAP Windows 10应用程序。与微软的应用新闻一样，我试图将CommandBar放在桌面视图的页面顶部，以及移动视图中的页面底部。

我怎么能这样做？我想我有一个独立的<CommandBar xxx>空<Page.TopAppBar>和<Page.BottomAppBar>。根据视图的大小，我将CommandBar附加到TopAppBar或BottomAppBar ......？

有想法吗？谢谢你。

Answer 1

您可以使用StateTriggers属性，使用VisualState类根据屏幕大小调整事物的对齐方式。这里有关于课程的一些文档，包括一些示例代码https://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.visualstate.statetriggers.aspx

此示例代码演示了如何使用：https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/XamlStateTriggers

简单实施：

    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup>
            <VisualState>
                <VisualState.StateTriggers>
                <!--VisualState to be triggered when window width is >=720 effective pixels.-->
                    <AdaptiveTrigger MinWindowWidth="720" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="myPanel.VerticalAlignment" Value="Bottom" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <StackPanel x:Name="myPanel" VerticalAlignment="Top">
        <TextBlock Text="This is a block of text for an example. " 
                   Style="{ThemeResource BodyTextBlockStyle}"/>

    </StackPanel>

（这个例子，但是根据你的情况更改了值。https://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.visualstate.statetriggers.aspx）

Windows 10 UAP：绑定命令栏

1 个答案: