将 Primefaces 主题转换为 Material Design UI答案

【问题标题】：Convert Primefaces theme to look like material design UI将 Primefaces 主题转换为 Material Design UI
【发布时间】：2018-04-30 17:55:59
【问题描述】：

我需要将我的 primefaces 主题转换为 Material Design 主题。所有的输入框、下拉菜单和日历等都应该看起来像 Material Design。我尝试使用以下 URL，但卡在选择框和日历设计中：

请建议一些方法或让 UI 看起来像 primefaces 中的材料设计。

【问题讨论】：

【解决方案1】：

基本上，你最好是这样：

Primefaces 使用许多样式代码来制作现成的组件。这有一个好处，你只需要使用它们。但是当涉及到改变他们的风格时，你会发现很多关于布局、背景图像等的问题。因此，如果这是客户要求，我会毫不犹豫地购买主题，否则您将需要很多小时来自己进行更改，结果可能会令人失望。

另一种选择可能只是使用material styling 和原始JSF。这取决于您需要什么样的组件。此外，从 2018 年 4 月开始，您将获得一个全新的 PF designer API，您可以在其中设计自己的主题。不过，您需要许可证才能使用它。

【讨论】：

或使用primefaces.org/introducing-primefaces-designer-api 比完整主题便宜，但您应该自己完成所有工作，但比通过覆盖 css 自定义组件更容易
@Kukeltje 我看到你完全了解 PF 的最新情况！更改 PF 组件一直是一场噩梦（我花了很多时间来修复样式）。但是，该团队似乎提供了新的酷工具（即使您需要购买许可证才能使用它们）。答案已更新；-)