http://paug.fr

1. ALL SIZES FIT ONE
A Thrilling Adventure in Application Design for
Tablets
Monday, September 12, 2011

2. ALBERT LAI
@albertlai
JEAN HSU
@jyhsu
ANDROID AT PULSE
Monday, September 12, 2011

3. SHAMELESS PLUG!
Monday, September 12, 2011

4. PART I
e Human Component
Monday, September 12, 2011

5. WHEN DEVELOPERS
SAY SOMETHING IS
IMPOSSIBLE...
THEY’RE LYING
Monday, September 12, 2011

6. TABLETS ARE A
COMPLETELY NEW
EXPERIENCE. DESIGN
APPROPRIATELY.
Monday, September 12, 2011

7. NEVER TRUST
THE SYSTEM TO
DO A HUMAN’S
JOB
Monday, September 12, 2011

8. DIALOGS CAN KEEP
YOUR APP FROM
LOOKING SILLY
Monday, September 12, 2011

9. stretchy
SILLY
Monday, September 12, 2011

10. dialog
BETTER!
Monday, September 12, 2011

11. USERS ROTATE
TABLETS. THIS IS A
FACT OF LIFE.
Monday, September 12, 2011

12. THINK OF HANDHELD
AND TABLET-STAND
STYLE USAGES
Monday, September 12, 2011

13. THUMB FRIENDLY NAVIGATION
Monday, September 12, 2011

14. PART II
Now for the Technical Stuff
Monday, September 12, 2011

15. RELATIVE LAYOUTS
ARE AN ANDROID
DEVELOPER’S BEST
FRIEND
Monday, September 12, 2011

16. ALIGN PARENT TOP
ALIGN PARENT LEFT
ALIGN PARENT RIGHT
CENTER VERTICAL
ALIGN PARENT BOTTOM
CENTER HORIZONTAL
Monday, September 12, 2011

17. ALIGN PARENT TOP ALIGN PARENT RIGHT
ALIGN PARENT LEFT CENTER VERTICAL
ALIGN PARENT BOTTOM
CENTER HORIZONTAL
Monday, September 12, 2011

18. DEFINING A TABLET
IS LIKE NAILING
JELLO TO A WALL
??? ???
Monday, September 12, 2011

19. IS THIS A REALLY BIG PHONE?
Monday, September 12, 2011

20. OR A REALLY SMALL TABLET?
Monday, September 12, 2011

21. IT’S DANGEROUS TO
GO ALONE. TAKE
THESE RESOURCE
FOLDERS
large, xlarge
mdpi, hdpi, xhdpi
Monday, September 12, 2011

22. values/theme.xml
<style name="ConditionalDialog"
parent="@android:style/Theme.Black">
<item name="android:windowNoTitle">true</item>
</style>
Monday, September 12, 2011

23. values-xlarge/theme.xml
<style name="ConditionalDialog"
parent="@android:style/Theme.Dialog">
<item name="android:windowNoTitle">true</item>
</style>
Monday, September 12, 2011

24. HOW DO YOU KNOW
WHAT SIZE DEVICE
YOU’RE ON IN CODE?
Monday, September 12, 2011

25. IN YOUR LAYOUT XML
FILE:
<include layout="@layout/screen_size" />
Monday, September 12, 2011

26. layout/theme.xml
<?xml version="1.0" encoding="utf-8"?>
<View xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/screen_size_normal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone"/>
Monday, September 12, 2011

27. layout-large/theme.xml
<?xml version="1.0" encoding="utf-8"?>
<View xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/screen_size_large"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone"/>
Monday, September 12, 2011

28. THERE ARE NO
MAGIC NUMBERS.
Monday, September 12, 2011

29. THERE ARE NO
MAGIC NUMBERS.
DIMENS.XML
INTEGERS.XML
Monday, September 12, 2011

30. NEVER SCALE UP
ASSETS. USERS CAN
TELL FROM THE
PIXELS.
Monday, September 12, 2011

31. USE A HELPER CLASS
FOR THE TRICKIER
DIMENSIONS
Monday, September 12, 2011

32. screen_width / 3
Monday, September 12, 2011

33. PART III
Honeycombs
Monday, September 12, 2011

34. I CAN HAZ FEATURES?
Monday, September 12, 2011

35. I CAN HAZ FEATURES?
mEditor.apply();
since API Level 9
Monday, September 12, 2011

36. REFLECTION
Method m = SharedPreferences.Editor.class.getMethod("apply");
// ...
if (m != null) {
m.invoke(mEditor);
} else {
mEditor.commit();
}
Monday, September 12, 2011

37. WRAPPER
classes not loaded (and verified) until it
is called the first time
only load the wrapper class if new
functionality exists
Monday, September 12, 2011

38. PART IV
Optimizing for the
Honeycombs
Monday, September 12, 2011

39. ONE-LINERS FTW
android:targetSdkVersion="11"
android:hardwareAccelerated="true"
Monday, September 12, 2011

40. MENU PLEASE..
pulse before
??
Monday, September 12, 2011

41. BYOACTION BARS
LEFT-ALIGNED LOGO ACTIONS
OVERFLOW
Text
NO MENU
Monday, September 12, 2011

42. FRAGMENTS
(NOT THE BAD KIND)
Monday, September 12, 2011

43. PART IV
APKs
Monday, September 12, 2011

44. MULTIPLE APK
SUPPORT
PHONE TABLET
APK APK
Monday, September 12, 2011

45. ONE APK TO RULE
THEM ALL
SUPER
AWESOME
APK
Monday, September 12, 2011

46. TEST LIKE YOUR LIFE
DEPENDS ON IT
before each release
and all the time
wherever you can
on every device
and every api level
Monday, September 12, 2011

47. BUT DON’T TAKE OUR
WORD FOR IT
EXPLORE AND
CREATE!
Monday, September 12, 2011