材料设计选择框聚合物答案

【问题标题】：material design selectbox polymer材料设计选择框聚合物
【发布时间】：2014-07-21 10:44:21
【问题描述】：

我注意到 Polymer 文档的 Paper Elements 部分中没有“选择框”小部件，我在 Polymer GitHub 存储库中也没有看到。此外，我不记得在 Material Design 规范中看到任何关于选择框应该如何外观或行为的具体指导。

有建议吗？或将选择框设计纳入材料设计/聚合物纸元素的具体计划？

我完全理解您基本上可以从复选框（多）或单选按钮（单）中获得相同的功能，但从美学的角度来看，根据具体的应用程序，我觉得拥有它可能是一个好主意'select' 作为一个选项提供。

【问题讨论】：

我们正在研究提供一种选择类型的材质元素。还没有:)

标签： polymer material-design paper-elements

【解决方案1】：

也许其中之一可以满足您的需求？

core-selector

<core-selector selected="0">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
</core-selector>

core-dropdown

<core-dropdown selected="Financier" valueattr="label">
    <core-item label="Croissant"></core-item>
    <core-item label="Donut"></core-item>
    <core-item label="Financier"></core-item>
    <core-item label="Madeleine"></core-item>
</core-dropdown>

【讨论】：

感谢您的信息。我肯定已经浏览了现有组件，以查看聚合物站点上可用的内容。我什至考虑根据当今可用的纸质元素中存在的概念创建自己的。创建原始线程主要是为了确定纸张选择元素的外观，或者它是否存在。即使 Polymer 项目还没有解决它，我也很想看看是否有可以遵循的规范（或其他尝试），或者关于他们希望选择如何在“纸张元素”中工作的指导上下文。

【解决方案2】：

您可以使用paper-dropdown-menu，例如：

<paper-dropdown-menu label="Favorite fruit" name="fruit">
    <paper-dropdown class="dropdown">
      <core-menu class="menu">
        <paper-item>apples</paper-item>
        <paper-item>oranges</paper-item>
        <paper-item>pears</paper-item>
      </core-menu>
    </paper-dropdown>
  </paper-dropdown-menu>

【讨论】：

感谢您的提醒。我想接下来的步骤将支持“多个”属性，但看起来他们现在已经解决了这个问题。