GhostWire ListBox
This Flash component allows you to create standard UI listboxes. In addition to the Windows lookalike listbox, the ListBox(Silver) component is included to demonstrate the ease at which you can swap the scrollbar used.
Example
Here is an example of the ListBox (filesize 17KB including ComboBox and ScrollPane*):
* The above is loaded into a ScrollPane, although the scrollbar doesn't show because there is nothing to scroll.
Features Double-Click Select
The ListBox supports double-click events. You can assign the function using the onDSelect event, for example: myListBox.onDSelect = function(index)
{
// index is the index of the item double-clicked
}
You can try this feature in the example movieclip above - double-clicking on an option in the listbox takes you to Google with the listbox item as the search key words (you will be taken to Google, but hey remember to come back!).
Row Height Control
From the Properties Panel, you can configure the height of the rows in the ListBox. During runtime, control the height of the rows easily with the setRowHeight() method. This is important when you want to make the font smaller/bigger, or to fit an icon.
Icons
Easily insert icons alongside the labels by specifying an "icon" property for the items. Here is an example:
The icons can be of any size (but will be scaled to fit the row), and this means that if you want, you can have blank labels and use images as the associated items instead!
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 components, 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 easily swap the scrollbar used in the ListBox. The package comes with a ListBox(Silver) to demonstrate this:
GhostWire ListBox
