如何在 HTML5/JS Metro 应用程序中复制 VariableSizedWrapGrid XAML 控件？答案

【问题标题】：How can I replicate the VariableSizedWrapGrid XAML control in HTML5/JS Metro app?如何在 HTML5/JS Metro 应用程序中复制 VariableSizedWrapGrid XAML 控件？
【发布时间】：2012-10-05 02:25:25
【问题描述】：

有一个名为 VariableSizedWrapGrid 的 XAML 控件，它在其中整齐地排列不同大小的项目。

“提供了一个网格样式的布局面板，其中每个图块/单元格可以根据内容变化大小”

不幸的是，这个控件在 WinJS 中不可用，只有 XAML，但我想复制它。关于如何在 HTML5/JS Metro 应用程序中最好地复制它有什么想法吗？

http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh969155

【问题讨论】：

标签： windows-8 microsoft-metro

【解决方案1】：

WinJS.UI.ListView 控件支持“Variable Sized”项，但它相当复杂（详情在this article 末尾）。

但是，在更基本的布局级别，您可以尝试使用弹性框。我不认为它与布局完全一样，但它应该能让你接近。不同模式的详细信息是here，一个很好的实践是here（在IE中查看）

【讨论】：