This chapter will describe the nuts and bolts of the framework and highlight each subsystem to provide a high-level understanding of the Scaleform CLIK component architecture.

Figure 60: Scaleform CLIK class hierarchy.

The Prebuilt Components chapter described the classes used by the concrete components bundled with Scaleform CLIK. All of these components inherit core functionality from the UIComponent class (gfx.core.UIComponent). This class is the foundation of all CLIK components, and Scaleform recommends custom components be subclassed from UIComponent.

The UIComponent class itself derives from the Flash 8 MovieClip class, and thus inherits all properties and methods of a standard Flash MovieClip. Several custom read/write properties are supported by the UIComponent class:

• disabled;
• visible;
• focused;
• width;
• height;
• displayFocus: Set this property to true if the component should display its focused state. For more information see the Focus Handling section.

UIComponent has several empty methods that are meant to be implemented by subclasses. These include:

• configUI: Called to perform component configuration.
• draw: Called when the component is invalidated. For more information, see the Invalidation section.
• changeFocus: Called when the component receives or loses focus.
• scrollWheel: Called when the scroll wheel is used when the cursor is over the component.

The UIComponent mixes in the EventDispatcher class to support event subscribing and dispatching. Therefore, all subclasses support event subscribing and dispatching. For more information, see the Event Model section.

Initialization

This class performs the following initialization steps inside an onLoad() event handler:

• Sets the default size to the MovieClip dimensions.
• Perform component configuration. This steps calls the configUI() method.
• Draws contents. This step calls the validateNow() method, which performs a redraw immediately, i.e., calls draw().