×
Namespaces

Variants
Actions
(Difference between revisions)

Archived:Scrollpane component in Flash Lite

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Tidy wiki text)
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix metadata etc)
Line 2: Line 2:
 
{{Abstract|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.}}
 
{{Abstract|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.}}
  
{{ArticleMetaData <!-- v1.1 -->
+
{{ArticleMetaData <!-- v1.2 -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
Line 13: Line 13:
 
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
|id= <!-- Article Id (Knowledge base articles only) -->
 
 
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 
|translated-by= <!-- [[User:XXXX]] -->
 
|translated-by= <!-- [[User:XXXX]] -->
Line 48: Line 47:
  
 
== Preview ==
 
== Preview ==
[[Image:Mob_pane.JPG]]
+
[[File:Mob pane.JPG]]
  
 
''Shows the scrollpane component in action. Here, the two scrollpane components contain an internal SWF(library item) and an external image( the item below).''
 
''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==
 
==Downloads==
You can download a sample illustrating the use of the scrollpane, here.[[Media:Mob_pane.zip‎]]
+
You can download a sample illustrating the use of the scrollpane, here.[[Media:Mob pane.zip‎]]

Revision as of 08:21, 7 May 2012

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
Devices(s): Nokia Xpress Music 5800
Article
Created: manikantan (27 Jun 2009)
Last edited: hamishwillee (07 May 2012)

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

Mob pane.JPG

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‎

89 page views in the last 30 days.
×