jsf - 您如何创建自己的 ADF Faces 皮肤？

Question

我们使用默认的 Oracle ADF Faces 10g 默认皮肤。它看起来非常漂亮，但我们想对其进行调整（更改 CSS 以及某些组件的呈现方式——例如，表格组件将在表格组件的上方和下方放置按钮——我们只希望它们在底部—— - 这似乎需要进行程序更改才能更改此行为）。

有没有人成功创建了自己的 ADF Faces 皮肤？请发布您必须执行的操作以更改组件行为。

Answer 1

我们遵循此文档以获取 webcenter 空间：

http://www.oracle.com/technetwork/middleware/webcenter/owcs-r11-extend-spaces-wp-132596.pdf

该文档使用了一个已经存在的 oracle 扩展（如何下载源代码在文档中）。

添加应用程序后，我们只需在 META-INF\trinidad-skins.xml 中添加一个新条目：

<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
  <!-- Previous skins here ... -->
  <skin>
    <id>myskin.custom.desktop</id>
    <family>My Skin</family>
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <style-sheet-name>custom/spaces/skins/myskin/myskin.css</style-sheet-name>
    <extends>default.desktop</extends>
  </skin>
</skins>

并在指定路径的MET-INF目录中添加css和img文件（例如META-INF/custom/spaces/skins/myskin/myskin.css）。

对于 ADF 上的自定义应用程序，过程应该相同。

Answer 2

从 Oracle 11g 开始，Oracle 为您的 ADF 应用程序提供了所谓的“皮肤编辑器”。
在 11.1.7.0 之前，皮肤编辑器只能作为外部应用程序使用。在当前版本中，您可以选择要为 ADF 应用程序创建皮肤的应用程序版本（创建新皮肤项目时，向导会为您提供一个选项）。

下载皮肤编辑器：
http ://www.oracle.com/technetwork/developer-tools/adf/downloads/index.html

安装说明：
https ://docs.oracle.com/middleware/1212/skineditor/ADFSI/adfsi.htm#ADFSI102

但是，从 11.1.7.0 开始，皮肤编辑器与 Oracle JDeveloper IDE 集成。我已经将它用于几个项目。虽然很容易进入并配置您的自定义皮肤，但您必须记住，您必须做很多手动工作才能“完全”替换默认皮肤。有些组件依赖于图标 - 因此您必须使用图形编辑器（例如 adobe photoshop 或其他适合您的类似编辑器）逐个替换它们。