响应式Windows应用程序元素

Question

对于行上没有足够空间的子元素，是否有任何XAML元素会自动换行到新行？

我的意思是在宽屏幕上我会得到：

Box1 Box2 Box3

在一个狭窄的地方：

Box1 Box2

Box3

没有必须通过代码监听事件并修复它。

评论提到VariableSizedWrapGrid作为解决方案。但我无法弄清楚如何让它包裹起来。

Answer 1

您可以使用简单的GridView来执行此操作。如果你没有设置高度，它应该像魅力一样工作。

a

Answer 2

根据您的要求，使用WinRTXamlToolkit中的 WrapPanel 控件可满足您的需求。
示例代码：

<Page x:Class="TestDemo.MainPage"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:Tool="using:WinRTXamlToolkit.Controls"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:local="using:TestDemo"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  mc:Ignorable="d">

<Tool:WrapPanel>
    <Button Width="200" Margin="10">1</Button>
    <Button Width="200" Margin="10">2</Button>
    <Button Width="200" Margin="10">3</Button>
</Tool:WrapPanel>
</Page>

此处的输出：