你如何創建自己的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或適合您的其他可比編輯器）逐個替換它們。