如何在Windows 8中重排窄屏幕的布局

Question

我的布局包含红色面板和右面板中的一些控件，两者都包含一些包含一些项目的列表视图，因此可以自行滚动，如图片顶部所示。

我想在窄屏幕上更改布局（当用户调整我的应用程序大小时），因为同一方向的两个面板都不适合。 我想知道实现这一目标的好方法。

到目前为止，我已经尝试创建一个最初包含红色和蓝色面板的网格，当窗口大小发生变化时，我将“动画”属性Grid.Column从1到0，Grid.Row从0到1在蓝色面板上。 然而，虽然这确实将蓝色面板置于红色面板下，但我不知道如何使整个布局可滚动，因为部分蓝色布局现在将在屏幕外。

我想也许我可以通过在StackPanel中放置两个面板并只改变它的方向来实现我的计划，但我不确定如何在宽版面中均匀地拆分StackPanel用于它的子节点（滚动问题仍在这里）。

或者我应该准备两个单独的布局，并使用VisualStateManager在它们之间切换？

Answer 1

“只需准备两个单独的布局，并使用VisualStateManager在它们之间切换”

基本上为所有支持的窗口大小创建布局，并将它们全部放在Visibility="Collapsed"的页面中。 然后处理SizeChanged事件并使用VSM切换到适合新大小的状态。 您可以在Blend中轻​​松定义和查看不同的视觉状态。 如果您不打算使用Blend - 您可以跳过VSM并在事件处理程序中手动设置每个布局面板的Visibility 。

还有一些其他选项，如动态重新配置不同的方向和ScrollViewer模式，甚至实现自己的布局面板，但我不会尝试过早优化，在大多数情况下，VSM路径运行良好。