GhostWire UI Components (Flash ActionScript 1.0/2.0)

GhostWire CheckBox

This Flash component allows you to create standard UI checkboxes. Two different skins (Win/Mac) are included in this package. There are also two versions of checkboxes you can use - one with labels, one without (for greater flexibility, like the checkboxes you get in HTML forms, you need not necessarily have to attach labels to a checkbox; you can use text, an icon, image, combinations, etc.).

Example

Here is an example of the CheckBox (and RadioButtons) (filesize 6KB):

Features

Flexible (associated item)

The checkbox component comes in two versions - one with label, one without. The version with label allows you to indicate the text associated with the checkbox (and the colors, font, etc.). The version without label works like the checkbox you get in HTML forms - you place the checkboxes and associated items (text, icons, graphics, etc.) separately. (Works similarly to the RadioButton component, look here).

Flexible (hitArea)

In addition, the component allows you full flexibility in determining the hitArea - the area that can respond to mouse/key input. Simply scale the component using the scaling tool in the authoring environment to indicate the hitArea. Therefore, you can drag-n-drop a checkbox onto the Stage, place an icon, scale the checkbox hitArea to cover the icon to create a checkbox where the associated item is an icon (instead of text).

Flexible (placement)

The checkbox is also flexible in its placement relative to its associated item. For the 'with label' version, you can decide whether the label appears on the left, right, top or bottom relative to the checkbox. For the 'without label' version, you can decide whether the checkbox is placed top-left, top-center, top-right, center-left, center, center-right, bottom-left, bottom-center, or bottom-right.

Live Preview

The component comes with live preview, allowing you to see in the authoring environment what you will be getting when the movie is published.

Snap to Pixel

The component snaps to pixel when published, ensuring that it looks crisp and sharp when the movie plays. Usually to achieve this, you need to ensure that you place your movieclips at integer coordinates (no decimal place) during authoring time. This is not necessary with the GhostWire CheckBox component, which will automatically snap to pixel when published. For example, if the component was placed at x coordinate 20.2, when published it will be placed at x coordinate 20.0 instead. In addition, the component also resizes itself to integer widths and heights.

Truly Skinnable

You can create your own visual elements and then easily swap out the assets, creating a checkbox that look the way you want.