Metro应用程序中的屏幕变黑

Question

当我从“横向”切换到“填充视图”并第一次从一个页面导航到另一页面时，我的应用程序变黑。 后来它工作正常，但是第一次变黑了。 当我从“填充”切换到“景观视图”并第一次从一个页面导航到另一页面时，它甚至变黑。 后来它工作正常，但是第一次变黑了。 我的代码是用C＃和XAML编写的。 从“风景”切换为“填充”时，我什么都没有改变，反之亦然。 仅当视图从“捕捉”更改为“填充/横向”或反之时，我才更改它。

Answer 1

与其重新调整现有内容的大小，不如将另一组内容隐藏起来，直到用户移至快照模式，这可能会更容易。

使用VisualStateGroups隐藏/显示给定的全屏/快照视图的适当内容集。

因此，不要调整现有字段的大小：

<Page>
    <Grid>
        <Grid x:Name="FullScreenLayout">...
        </Grid>
        <Grid x:Name="SnappedScreenLayout">...
        </Grid>
        <VisualStateManager.VisualStateGroups>

            <!-- Visual states reflect the application's view state -->
            <VisualStateGroup x:Name="ApplicationViewStates">  
                <VisualState x:Name="Snapped">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FullScreenLayout" Storyboard.TargetProperty="Visibility">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SnappedScreenLayout" Storyboard.TargetProperty="Visibility">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                        </ObjectAnimationUsingKeyFrames>     
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    </Grid>
</Page>

当我们处于快照模式时，这里只是隐藏全屏布局，并显示快照模式的布局。 Xaml有更多功能，但其中包含并允许您提供特定于视图的布局，从而使Xaml更加整洁且易于阅读。