基本自定义 > 用户界面自定义 > 在 UI 中呈现信息 > 创建自定义图形表示 > 参考
  
参考
本节包含三个预置图形表示的详细信息。本节中的信息作为有关如何配置和实现三个预置图形表示 (红绿灯、进度条和完成百分比) 的背景详细信息提供。此信息在创建您自己的自定义图形表示时非常有用。
下图是如何扩展这些类以实现预置图形表示的部分表示。
红绿灯
解决方案元素
特定于红绿灯表示的代码包括:
元素
类型
说明
MultiStateIconComponent
Java 类
这是用于创建自定义多状态图标图形表示的抽象父类。此抽象类可扩展 AbstractGraphicalComponent
TrafficLightComponent
Java 类
此类可定义和支持预置“红绿灯”图形表示。其是 AbstractMultiStateIconComponent 的子类,可定义四种状态的枚举,以允许管理员配置属性,以使其显示为红色、黄色或绿色的红绿灯,或空白 (第四种状态)。
此组件会利用现有的 IconComponent,进而利用 jsca.columns.imageRenderer JS 呈现器来实际呈现红绿灯的多个图标。
TrafficLightComponent 是多状态图标组件的示例。此类可实现 4 种状态的枚举,其中一种状态仅显示空白。在实现 MultiStateIconComponent 的自定义子类 (在过程 - 支持不可配置表格中的图形属性中进行说明) 时,这是一个很好的示例。
此组件位于 "com.ptc.core.components.rendering.guicomponents.TrafficLightComponent" 类中。
进度栏
解决方案元素
特定于进度条表示的代码包括:
元素
类型
说明
ProgressBarComponent
Java 类
此类可定义并支持预置“进度条”图形表示。其为 AbstractGraphicalComponent 的子类。与红绿灯不同,此组件不利用现有的组件,因此还会定义新的 JavaScript 呈现器 (称为 PTC.progressBar.renderer)。
progressBarRenderer.jsfrag
JS 类
此类可定义进度条的 JavaScript 呈现器,同时将包含进度元数据的 JSON 转换为相应的 HTML (带有相应的工具提示)。
完成百分比
解决方案元素
元素
类型
说明
PercentCompleteComponent
Java 类
此类可定义并支持预置“完成百分比”图形表示。其为 ProgressBarComponent 的子类。此图形表示会利用 ProgressBarComponent,因此还会利用 PTC.progressBar.renderer JS 呈现器。
更多资源
相关的包/类 Javadoc
AbstractGraphicalComponent
GraphicalAttributeDataUtility
GraphicalAttRepresentationHandler
GraphicalComponent
MultiStateIconComponent
MultiStateIconEnum
PercentCompleteComponent
ProgressBarComponent
TrafficLightComponent