参考

基本自定义 > 用户界面自定义 > 在 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