Windows 10 个移动集合视图（动态定位容器）

Question

有什么方法可以为 Windows Phone 创建集合视图（如 IOS）？

https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/CollectionViewPGforIOS/Introduction/Introduction.html

我想实现如下所示。所以框将根据 orientation/screen 大小定位。

换句话说，应该是在HTML中浮动div。

Answer 1

通常（或至少以前）在 XAML 中，这是使用 WrapPanel. UWP doesn't have built-in WrapPanel but one option is to use GridView 实现的。例如：

<Grid>
    <GridView Margin="24">

        <Border Background="Red" Width="100" Height="100" Margin="2"/>
        <Border Background="Red" Width="100" Height="100" Margin="2"/>
        <Border Background="Red" Width="100" Height="100" Margin="2"/>
        <Border Background="Red" Width="100" Height="100" Margin="2"/>
        <Border Background="Red" Width="100" Height="100" Margin="2"/>
        <Border Background="Red" Width="100" Height="100" Margin="2"/>

    </GridView>
</Grid>

将纵向输出以下内容：

以及横向的以下内容：

如果您喜欢 WrapPanel 背后的想法，您可以获得一些适用于 UWP 的第三方 WrapPanel。这是几个链接：

Windows 10 个移动集合视图（动态定位容器）

Windows 10 Mobile Collection View (Dynamic positioned containers)

c#

windows-10-mobile