Java Icefaces的默认外观以及如何自定义它

我有一个关于冰面造型的问题。我有一个可以使用Icefaces组件的最小应用程序，但是当我使用它们并查看页面时，组件没有样式（例如按钮有默认外观，选项卡没有外观，没有图像，什么都没有）。我想知道为什么会这样，我应该怎么做才能让默认的Icefaces看起来有效

下一件我不明白的事情是，我如何通过更改自动应用于组件的一些默认css样式类来定制外观，这样我使用的每个组件都会得到更改后的样式

---

谢谢你的回答

我建议您选择一个现有的样式表，它包含在ICEfaces包中（请查看下载的ICEfaces-1.8.1-bin.zip的参考资料文件夹）：

• 雾凇
• 皇家
• xp

您可以在中预览它们

通过

标记将其包含在*.xhtml文件中：

(portlet)
<ice:outputStyle href="/xmlhttp/css/rime/rime-portlet.css"/>

(servlet)
<ice:outputStyle href="./css/demo_template.css"/>

（portlet）
（servlet）

从这里开始，您可以随意操作选择的样式表，或者（我喜欢）在ICEfaces的样式表之后包含您自己的样式表，并覆盖所需的样式

关于你的第二个问题： 基本上每个ICEfaces组件都有自己的样式类。只需浏览一下showcase并使用Firebug检查组件。我没有发现很多类，它们在不同的组件之间被重用。因此，您必须自己定制每个组件，或者通过styleClass属性将您自己的通用样式类应用于您使用的每个组件

<ice:panelGrid styleClass="myCommonStyleClass">
<ice:inputField styleClass="myCommonStyleClass">

---

我建议您选择一个现有的样式表，它包含在ICEfaces包中（请查看下载的ICEfaces-1.8.1-bin.zip的参考资料文件夹）：

• 雾凇
• 皇家
• xp

您可以在中预览它们

通过

标记将其包含在*.xhtml文件中：

(portlet)
<ice:outputStyle href="/xmlhttp/css/rime/rime-portlet.css"/>

(servlet)
<ice:outputStyle href="./css/demo_template.css"/>

（portlet）
（servlet）

从这里开始，您可以随意操作选择的样式表，或者（我喜欢）在ICEfaces的样式表之后包含您自己的样式表，并覆盖所需的样式

关于你的第二个问题： 基本上每个ICEfaces组件都有自己的样式类。只需浏览一下showcase并使用Firebug检查组件。我没有发现很多类，它们在不同的组件之间被重用。因此，您必须自己定制每个组件，或者通过styleClass属性将您自己的通用样式类应用于您使用的每个组件

<ice:panelGrid styleClass="myCommonStyleClass">
<ice:inputField styleClass="myCommonStyleClass">

包括三个预定义的ICEfaces样式表：
（1） xp.css
（2） 皇家航空公司
（3） 雾凇
开发人员还可以基于预定义的ICEfaces样式表创建自己的自定义样式表。如果样式类名称与ICEfaces样式表中定义的名称匹配，则默认情况下，ICEfaces组件将使用指定的样式，而无需在每个组件上明确指定样式类名称。
（1） 哪里可以找到CSS类名？
要点：与每个组件关联的默认CSS类名列在组件的TLD（taglib）描述中。
（2） 如何使用预定义样式：
或
（3） 使用ICEFaces OutputStyle有什么好处吗？
与HTML链接标记相比，ice:outputStyle组件具有以下优点：
-自动在页面中包含主样式表的特定于浏览器的变体，以调整主题样式，以考虑每个浏览器CSS支持的差异。有关详细信息，请参阅ice:outputStyle组件的TLD（taglib）文档。
-提供在运行时通过组件的`href`属性上的值绑定动态更改主题样式表的功能。
（4） xmlhttp是什么意思？
xmlhttp->css->xp路径由ICEfaces自动解析，所有需要的资源都从ICEfaces.jar加载
希望这有帮助！！：）

包括三个预定义的ICEfaces样式表：
（1） xp.css
（2） 皇家航空公司
（3） 雾凇
开发人员还可以基于预定义的ICEfaces样式表创建自己的自定义样式表。如果样式类名称与ICEfaces样式表中定义的名称匹配，则默认情况下，ICEfaces组件将使用指定的样式，而无需在每个组件上明确指定样式类名称。
（1） 哪里可以找到CSS类名？
要点：与每个组件关联的默认CSS类名列在组件的TLD（taglib）描述中。
（2） 如何使用预定义样式：
或
（3） 使用ICEFaces OutputStyle有什么好处吗？
与HTML链接标记相比，ice:outputStyle组件具有以下优点：
-自动在页面中包含主样式表的特定于浏览器的变体，以调整主题样式，以考虑每个浏览器CSS支持的差异。有关详细信息，请参阅ice:outputStyle组件的TLD（taglib）文档。
-提供在运行时通过组件的`href`属性上的值绑定动态更改主题样式表的功能。
（4） xmlhttp是什么意思？
xmlhttp->css->xp路径由ICEfaces自动解析，所有需要的资源都从ICEfaces.jar加载
希望这有帮助！！：）