如何使用Polymer绘制卡片/元素网格?

时间:2014-08-12 02:09:38

标签: dart polymer dart-polymer

我是一名尝试学习Dart-Polymer的Android开发人员(我也是HTML dev的新手)。我尝试了custom card example in the polymer tutorial,作为扩展,我想在矩形网格中显示多张卡片。我看到Polymer中有水平和垂直布局,并且我想知道Polymer是否有像Android中的GridView 。有人可以建议如何进行吗?

左边的网格是我想要实现的: enter image description here

核心卡在右边。我可以在设计器中看到该元素(请参见核心右下方的面板)。但我无法在Polymer库中找到核心卡。这就是我使用自定义卡的原因(来自上面提到的教程)。我想使用核心卡。

发布此问题后,我发现了core-layout-grid - 我不知道如何使用它,如果这就是我需要的。

1 个答案:

答案 0 :(得分:5)

聚合物具有出色的处理能力,可以轻松使用CSS FlexBox。使用各种layouthorizontalverticalwrapflex属性,可以非常轻松地制作非常灵活且响应迅速的布局,包括网格。< / p>

您可以阅读有关布局属性及其用途的更多信息,包括Polymer Layout Attributes页面中的各种对齐属性。请特别查看Wrapping部分,因为它有助于创建响应式网格,并根据显示宽度进行适当调整。