Upload
indicthreads
View
217
Download
0
Embed Size (px)
Citation preview
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