【问题标题】:How to draw a grid of cards/elements with Polymer?如何用 Polymer 绘制卡片/元素网格?
【发布时间】:2014-08-12 02:09:37
【问题描述】:

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

左边的网格是我想要实现的:

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

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

【问题讨论】:

  • 我不知道“聚合物教程中的自定义卡片示例”是什么,“矩形网格中的多张卡片”应该是什么样子,或者“Android 中的 GridView”是什么样子。您能否至少添加指向您所引用内容的链接。也许有一些示例页面可以显示您想要的内容。
  • @GünterZöchbauer:对不起,那是我的错!我已经用详细信息更新了我的查询。核心卡的事情可能与这个问题无关,但希望您能提供帮助。
  • 我不知道为什么 core-layout-grid 的演示没有像所有其他元素一样发布到元素页面 polymer-project.org/docs/elements。但是你可以在这里找到源代码github.com/Polymer/core-layout-grid/blob/master/demo.html,这可能也很有用github.com/Polymer/core-layout-trbl/blob/master/…
  • 我现在无法发布任何代码,但我很确定如果您将卡片放入具有所需宽度的容器中(2 张卡片加装订线),并设置布局到水平,它应该给你你正在寻找的网格图案。

标签: dart polymer dart-polymer


【解决方案1】:

Polymer 具有出色的处理能力,可轻松使用CSS FlexBox。使用各种 layouthorizontalverticalwrapflex 属性可以很容易地制作非常灵活和响应迅速的布局,包括网格。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-31
    • 1970-01-01
    • 2017-08-28
    • 2020-01-18
    相关资源
    最近更新 更多