您可以将图像组件
从组件面板的“基本”类别拖到可视设计器中,以便将图像(如 JPEG、GIF 或 PNG 文件)添加到 Visual Web JSF 页中。将图像放到可视设计器中的页面上时,您会看到一个包含文字“图像”的简单框。
如果右键单击该框并选择“设置图像”,则会看到一个对话框,可以使用该对话框按以下三种方式来指定图像:
url 属性设置为 /resources/image-file。url 属性设置为所输入的 URL。icon 属性设置为所选的图标名称。
url 属性,选择图标并不会改变组件外观,因为 url 属性的级别优先于 icon 属性。要使图标可见,则不能设置 url 属性。
将图像添加到页面上的另一种方法是,将其文件节点从文件资源管理器对话框拖到页面上。例如,在打开 Microsoft Windows 文件资源管理器并导航至 GIF 图像后,可以将其节点拖到页面上,然后将图像文件放到要在页面上显示的位置。IDE 会将该文件添加到 resources 目录中,该目录位于“项目”窗口中的 "<项目名称>" >“Web 页”文件夹下。
将组件放到页面上后,可以选择该组件并在图像组件的“属性”窗口中编辑其属性。如有必要,请右键单击该组件并选择“属性”以显示“属性”窗口。除了上述用于指定要显示的图像的属性外,您还可以设置一些典型的属性,例如:
id 属性的值。在页面 Bean 中,该属性的值是 Image 对象的名称。<img> 标记的 alt 属性。也可以右键单击该组件,然后选择以下某个选项:
url 属性在文件中或 Web 的 URL 中指定图像。icon 属性在缺省主题中指定图标。url 属性绑定到为其提供值的数据提供器或对象,以便动态地更新图像。有关详细信息,请参见“绑定到数据”对话框。url 之外的组件属性绑定到其他对象或属性,这些对象或属性将自动更新此组件的属性。