为什么纸巾和纸图标按钮都有？

Question

聚合物具有paper-icon-button：https://www.webcomponents.org/element/PolymerElements/paper-icon-button

聚合物还具有paper-fab：https://www.webcomponents.org/element/PolymerElements/paper-fab/elements/paper-fab

我理解设计上的差异；材料设计规范推荐用不同的方法。“每个屏幕只推荐一个浮动动作按钮”)，但就组件而言，真的有什么不同吗？或者paper-fab只是一个具有粉红色背景、边框半径和框影(三行css?)的paper-icon-button。基本上，我不明白我为什么要同时进口这两种产品。

Answer 1

正如您所评论的，这是因为它遵循材料设计规范的行为。<paper-fab>旨在表示应用程序的主要操作，而<paper-icon-button>则提供其他功能。

让我们以Twitter移动应用程序为例。在Android系统中，它有一个“纸工厂”来发布新的tweet，我们都同意Twitter应用程序的主要目的是发布tweet，因此为该操作放置一个浮动按钮是有意义的，而它有额外的按钮表示为添加功能，例如搜索栏旁边的“查找联系人”按钮。

注意：考虑了这个答案发布的日期，因为Twitter可能会从那以后被更改。如果示例描述不清楚，请评论它，我将尝试张贴截图。

关于这些组件在聚合物中的实现，两者都使用<iron-icon>，我们可以考虑代码“非常接近”，您可以在这里检查它们：和

因此，总之，尽管认为它们几乎是相同的，但最好将它们作为不同的组件使用，因为它们代表着不同的事物。