Windows应用商店应用的流体布局

Question

我希望在Windows商店应用中为我的视图提供流畅的布局。

在新页面模板中，您有一个网格，其中有一行设置为填充页面顶部标题后的屏幕。

所以我有我的内容进入这个网格行。我的内容将是控件（图像，文本，垂直列表视图，可能是另一个gridview）的混合，但它不是我可以绑定到单个网格视图的单个分组集合。

我想说的是，我希望我的水平宽度大于页面的宽度，但我希望流畅地调整大小，这意味着相对于单页高度/宽度。

理想情况下，我不想为控件指定硬编码宽度，因为我希望此布局能够用于尽可能多的不同屏幕分辨率。话虽如此，我想我会使用Min / MaxWidth和高度来确保物品不会太大或太小。

我应该采取什么方法？

修改 希望以下图片能更好地描述我的意思。

第一张图片显示了一个（分组的）gridview，它会根据需要自动展开。这样可以正常工作，但我想要添加的控件不会彼此分组/相关。

第二个图像是我想要做的，即在窗口中有许多不相关的控件，但让它们水平滚动页面的一侧。我可以这样做，如果我给每个控件一个固定的宽度但我想尝试使它比可能的更灵活（使用min / maxWidth而不是宽度本身的固定值）。

Answer 1

在网格中使用星号。像：

<Grid>
<Grid.RowDefinitions>
    <RowDefinition Height="3*"/>
    <RowDefinition Height="2*"/>
    <RowDefinition Height="1*"/>
</Grid.RowDefinitions>
...

并使用ViewBox作为顶级容器。 ViewBox将缩放所有内容以填充可用大小。