Channels ▼
RSS

Mobile

Flash Lite: Graphics for Mobile Devices

Source Code Accompanies This Article. Download It Now.


Hartti is a Senior Technology Expert at Forum Nokia. He can be contacted at hartti.suomela@nokia.com.


Flash Lite is a technology specifically developed for mobile phones and other consumer electronic devices. It is based on Adobe's Flash technology, which makes websites livelier.

Contrary to traditional mobile programming languages such as Java ME and C++, Flash Lite application development starts with the content, rather than coding. Although Flash Lite developers do write code to get applications to behave correctly, the graphical approach broadens the potential mobile developer population to include graphical designers and visually oriented people.

Flash applications are interactive movies or animations based on keyframes placed on a timeline. The difference between movies and Flash animations is that Flash apps can jump from one keyframe to another that isn't necessarily adjacent in the timeline. Another difference is that the Flash Lite animations can contain objects, which are animations themselves. Additionally, you can control animation objects from within your program, such as creating new animation objects using object templates.

With Flash Lite, you can create games, connected applications, and utilize mobile phone functions to send SMS or place phone calls. Flash Lite applications can also access device properties, such as battery-level and network connection-level information, which can sometimes be hard to get from, say, Java MIDlets.

A great feature is that the Flash Lite player automatically scales the application to fit the screen size of the device, so you don't need to code a lot of logic to handle that. So, even though an application might have been developed and tested for a screen size of, say, 176×208, the same application can run on phones with screen resolutions of 128×160 or 240×320.

The scaling works surprisingly well. Problems do arise when the screen proportions are completely different from the target screen size, which can cause graphics to not fit the full screen.

In this article, I present a network-connected Flash Lite 1.1 application that receives data from a server using name-value pairs. The sample data I use are baseball statistics, but it could be weather information, news stories, or timetable information. This application requires access to a web server running MySQL and PHP, a mobile phone that supports Flash Lite 1.1 or better (for example, a Nokia S60 3rd Edition device or some of the Series 40 3rd Edition Feature Pack 1 devices), and a Flash development tool (Flash 8 Professional).


Related Reading


More Insights






Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

 
Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.
 

Video