RichFaces外观和主题化

剥皮

蒙皮是RichFaces的一项功能，用于为应用程序提供外观。

皮肤与RichFaces框架一起使用，可以通过设置控件和组件的颜色以及装饰来更改应用程序的外观。

通常，网页的外观是通过CSS(级联样式表)文件处理的。外观允许我们使用使其成为CSS的高级扩展的工具。它是一组字体和颜色参数的小集合，可以应用于多种不同的样式。它可以防止CSS文件中的重复性任务和重复性。

每个皮肤都有一组皮肤参数，用于定义主题面板和用户界面的其他元素。这些参数与常规CSS声明一起使用，并且可以使用JavaServer Faces表达式语言(EL)在CSS中进行引用。

可用的皮肤

RichFaces提供了许多可在应用程序中使用的预定义皮肤。我们可以通过在web.xml文件的context参数中指定外观名称来使用它。以下是预定义的外观：

• 默认
• plain，不包含任何外观参数，旨在将RichFaces组件以自己的样式嵌入到现有项目中。
• 翡翠镇
• 蓝天
• 葡萄酒
• 日本樱桃
• 红宝石
• 经典
• 深海

如何添加皮肤?

我们可以通过在JSF应用程序的web.xml文件中添加以下行来使用外观。

org.richfaces.skin
skin_name

要了解，如何在JSF应用程序中实现外观?在这里，我们创建了一个JSF页面，并将皮肤应用于该页面。

JSF文件

// index.xhtml

Yes, I would recommend JavaTpoint ,If you are a beginner. 
It provides very clear and point to point approach for each standard concept of Java.


There is given key point description for every topic like :


OO Concepts
Abstraction
Inheritance
Interfaces
Encapsulation
Polymorphism
Java Collections


Here is good description for the frameworks also. I generally use Javatpoint - 
A Solution of all Technology for refreshing my concepts.

1.红宝石

在此示例中，我们在应用程序中使用了红宝石皮肤。

// web.xml

org.richfaces.skin
ruby

运行index.xhtml文件后，它将产生以下输出。

输出：

2)酒

在此示例中，我们在应用程序中使用酒皮。

// web.xml

org.richfaces.skin
wine

运行index.xhtml文件后，它将产生以下输出。

输出：

3)默认

// web.xml

org.richfaces.skin
DEFAULT

运行index.xhtml文件后，它将产生以下输出。

输出：

我们可以注意到，每种皮肤都为索引页面提供了新的外观。

皮肤参数

下表包含blueSky外观的参数设置。

ECSS文件

ECSS文件用于为换肤过程添加额外的功能。 ECSS文件是使用表达式语言(EL)来将样式与皮肤属性联系起来的CSS文件。

以下示例包含面板及其主体的样式。

.rf-p-b{
    font-size:'#{a4jSkin.generalSizeFont}';
    color:'#{a4jSkin.generalTextColor}';
    font-family:'#{a4jSkin.generalFamilyFont}';
    padding:10px;
}