如何为Primefaces构建自定义主题？

Question

我该如何构建适用于PrimeFaces的自定义主题？我能使用Themeroller吗？

- Rajat Gupta

---

这个问题过于宽泛和修辞化。你到底面临什么问题？在你关联的主题https://dev59.com/-FfUa4cB1Zd3GeqPNPke中，你得到了一个链接http://www.primefaces.org/themes.html，它又提到并链接到http://jqueryui.com/themeroller/。这不已经是一个答案了吗？（答案是“是的”） - BalusC

Answer 1

请参见primfaces网站（http://www.primefaces.org/themes.html）使用themeroller制作自己的主题，然后下载它。

此外，请查看此视频：http://vimeo.com/14235640。

- samimvp

---

+1 链接视频 - 这比 PrimeFaces PDF 文档中提倡的困难、手动制作 JAR 的方法要容易得多（如果您是 Maven 用户，并且需要从 lib 文件夹提供您的 JAR，然后在 web.xml 文件中引用它，这将变得更加困难！） - 8bitjunkie

Answer 2

我在网上找到了一个工具，可以将themeroller zip转换为primefaces jar，并提供了Maven使用说明：https://themeroller.osnode.com/

- hjelperne

Answer 3

你可以使用PrimeFaces主题转换器http://www.pftc.de，它与jquery-ui-1.10.3兼容。

- Prog3

Answer 4

请查看此网站：http://jqueryui.com/ 如果您想制作自定义主题，请在任务栏中选择主题并转到主题滚动条 1. 选择Roll Your Own按钮，然后根据需要进行更改。 2. 如果您想使用现有的主题并更改颜色，请选择画廊按钮 i) 选择一个喜欢的主题ii) 编辑主题更改颜色iii) 下载主题 最终您将获得一个zip文件。解压缩zip文件，其中包含图像文件夹和css文件。 将图像和css文件复制。将图像放入web内容/公共/图像文件夹中，将css文件放入web内容/资源/css中。 最后，使用此链接显示您的自定义主题并使用css文件。

    <link href="./resources/css/example.css" rel="stylesheet" type="text/css" />

- Arun Raj

Answer 5

这个主题在Primefaces文档的第8.2章中有涉及。是的，你可以使用themeroller，可选地，你可以创建一个你自己的主题的JAR文件。然后你就可以像使用其他预定义的Primefaces主题一样使用它。

- Matt Handy

Answer 6

可以（至少在2.2.1版本中）通过代码动态地提取单个主题的图像和样式表并引用它们。然而，我相信在第3版中有一个Primefaces组件可以为您完成此操作。

以下是我实现此操作的示例。

<link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/#{sessionScopedBean.theme}/skin.css" />

您可以将现有的主题作为模板，并根据需要进行更改。您还可以更改会话Bean的theme属性，以动态更改您的主题。

- maple_shaft