8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

1/18

1

Migration todevices

Prashant SinghAdobe

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

2/18

2

Agenda

Discuss the problem

What is AIR?

What is Flex?

What is the need for Flex Mobile?

Designing for multiple screens

Memory considerations while migrating

Battery considerations while migrating

ActionScript vs MXML

Questions

2

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

3/18

3

Problem

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

4/18

4

The problem is two fold

4

Performance Design

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

5/18

5

What is AIR? AIR

Superset of Flash Player

Extending AIR to tablets, smartphones, &TVs

Support for Android, iOS, BlackBerryTablet OS, and desktops

Acer, HTC, Motorola, RIM to ship AIRpre-installed

Samsung to ship AIR with SamsungSmart TV and Blu-ray players

Powerful tooling visual design to

deploymentSocial, productivity & enterprise apps are

fastest growing AIR categories

Large enterprise ISVs are already deliveringAIR applications today

7

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

6/18

6

Flex

6

Controls Charts

Data binding Integration with servers

Formatting and validation

Layout

Skinning and styling

Effects

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

7/18

7

A whole new component architecture

Existing components optimized

Look of these components changed for mobile

Behavior of components has been changed

7

Flex Mobile

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

8/18

8

What is consistent UI?

Flex automatic application scaling. What does it do?

Density specific BitMaps.

8

Design considerations

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

9/18

99

What is a scaleGrid?

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

10/18

10

This is good enough 99% times

10

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

11/18

11

DPI based layouts and skins

11

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

12/18

12

ActionBar #titleDisplay{ fontSize: 24pt; }

@media (application-dpi: 160)

{

ActionBar #titleDisplay { fontSize: 18pt; }

}

@media (application-dpi: 320)

{

ActionBar #titleDisplay { fontSize: 36pt; }

}

12

Media query in CSS

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

13/18

13

Choose the right display object

Check size of objects.

Try to reuse objects

Freeing memory

Avoid filtering as much as possible

13

Performance: Memory

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

14/18

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

15/18

15

Prefer ActionScript over Mxml

15

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

16/18

16

Lets migrate!

16

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

17/18

17

Questions?

17

8/6/2019 Migrating your Flash / Flex applications to PlayBook, Android and iOS devices

18/18

18