你如何创建自己的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 \千里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> 

，并添加CSS和IMG文件中的MET-INF目录中指定的路径（例如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或适合您的其他可比编辑器）逐个替换它们。