可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. Image图片

Image图片

名称:

Image | 图片

图标:

功能:

  • 图片或图标显示元件
  • 显示图片用,直接指定所要显示的图片的地址,在属性中定义图片样式即可
  • 可以添加替换字符,图片不正常获取时,显示字符文本信息
  • 可以添加点击事件逻辑,直接添加固定名称为“<On Click>”的子元件然后子元件中设计处理逻辑

使用方式:

基本使用方式:

  • 图片文件一般使用项目文件夹中图片文件夹中的图片,自定义的图片可以存入此文件夹,也可以在文件夹中放下一层文件夹并将所需显示的图片放入:

  • 地址可以放入字符常量,拖放一个字符常量元件,用地址来命名此常量的名称,然后传常量给图片地址变量即可,也可设计使用数据库表中预存的地址值,如果项目都是在联网的环境中运行和使用的,还可以将网络上某个图片的网络地址传给图片地址
  • 数据库中图片显示方式,请参考“可视化元件”一章“行为处理元件”组下“Callable Service可调用的行为处理”一节
  • 图片可以在其他显示元件中放入使用,比如前面一节提到的在按钮中放一个动态图片,在用户点击后显示动态的加载旋转图片以表示程序在运行处理待回传数据,以加强用户体验
  • 添加子元件—“<ALT>”元件,并为其传一个字符信息常量,图片不能正常获取时,显示此文本信息
  • 添加子元件—“<On Click>”点击事件,图片就如同按钮一样可以由用户点击触发一些逻辑处理

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义,比如大小可以用“height:18px;width:18px;”来直接定义,也可以在样式文件中定义一个样式类,在“html.styleClass”属性中设定类名称