Scrollpane component in Flash Lite
This article demonstrates the Flash Lite scrollpane component. The scrollpane component can be used as a container to hold external images, SWF and scroll through them. The scrollpane component can also hold movieclips (linkage from library) and provide scrolling.
Article Metadata
Tested with
Article
Contents |
Prerequisites
This component was developed in Flash 8 IDE and exported for Flash Lite 2.0 with ActionScript 2.0. It was tested on Nokia Xpress Music 5800. This component is designed for Touch devices.
Where to use
- Imagine a large image of the dimension 800 X 600, where there is no way for the image to fit inside the limited mobile screen with a scale-down. But you might want image to be experienced by the user, in the original detail level. In such cases, a fraction of the total image is shown and you enable the user to navigate within the image. Hence, provision for scrolling is essential.
- In the case of loading an external SWF ( with a long form type template - where the user will have to enter input), its advisable to import them into a scrollpane, as it preserves the readability and the UX.
How to use
Download the source file(FLA) given below. When you wish to use this component in your FLA, import this component from the downloaded file, using the FILE->IMPORT->OPEN EXTERNAL LIBRARY option and point it to the downloaded file. Now, use the scrollpane component by dragging it onto the stage.
Properties
To view the properties of the component go to (Window -> Component Inspector) and select the component in the Stage.
- Content name : Takes the name of the image / SWF / MovieClip to be attached into the scrollpane component.
- Content Type : Two accepted values - one is "Library Item", to denote that the target item is a part of the Library. other is "External Media", to denote an item that resides outside the SWF.
Preview
Shows the scrollpane component in action. Here, the two scrollpane components contain an internal SWF(library item) and an external image( the item below).
Downloads
You can download a sample illustrating the use of the scrollpane, here.Media:Mob pane.zip
22 Sep
2009
The article shares the ShrollPane component which can be readily used in FlashLite applications.
Even though the component is designed for touchbased devices, it can be extended to support key inputs and scroll the content accordingly. In additoin to this, the component can also show the actual scroll depending upon the content and make more user firendly.