为什么同时拥有paper-fab和paper-icon-button组件？

Question

Polymer有一个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

我理解设计的不同之处; material design spec推荐using these differently（例如“每个屏幕建议只使用一个浮动操作按钮”），但组件到底有什么不同吗？或者paper-fab是paper-icon-button只有一个粉红色背景，边框半径和一个框阴影（三行css？）的POST /stocklist/:stocklist_id/balance/show。基本上，我不明白为什么我要打扰两者。

Answer 1

正如您所说，这是因为它遵循Material Design规范的行为。 <paper-fab>旨在表示应用的主要操作，<paper-icon-button>提供其他功能。

我们以Twitter移动应用程序为例。在Android中，它有一个发布新推文的“纸制品”，我们都同意Twitter应用的主要目的是发布推文，因此为该动作设置浮动按钮是有意义的，同时它还有其他按钮代表作为添加功能的图标，例如您可以在搜索栏旁边找到的查找联系人按钮。

注意：考虑到此答案发布的日期，因为自那时起Twitter UI可能已被更改。如果示例说明不明确，请对其进行评论，我会尝试发布截图。

关于这些组件在Polymer中的实现，两者都使用<iron-icon>，我们可以认为代码“非常接近”，您可以在此处查看它们：<paper-icon-button>和<paper-fab>

因此，总而言之，尽管他们认为它们几乎相同，但最好将它们用作不同的组件，因为它们代表不同的东西。