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
。基本上,我不明白为什么我要打扰两者。
答案 0 :(得分:0)
正如您所说,这是因为它遵循Material Design规范的行为。 <paper-fab>
旨在表示应用的主要操作,<paper-icon-button>
提供其他功能。
我们以Twitter移动应用程序为例。在Android中,它有一个发布新推文的“纸制品”,我们都同意Twitter应用的主要目的是发布推文,因此为该动作设置浮动按钮是有意义的,同时它还有其他按钮代表作为添加功能的图标,例如您可以在搜索栏旁边找到的查找联系人按钮。
注意:考虑到此答案发布的日期,因为自那时起Twitter UI可能已被更改。如果示例说明不明确,请对其进行评论,我会尝试发布截图。
关于这些组件在Polymer中的实现,两者都使用<iron-icon>
,我们可以认为代码“非常接近”,您可以在此处查看它们:<paper-icon-button>
和<paper-fab>
因此,总而言之,尽管他们认为它们几乎相同,但最好将它们用作不同的组件,因为它们代表不同的东西。