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或其他适合您的类似编辑器）逐个替换它们。

你如何创建自己的ADF Faces皮肤？

2 个答案: