Whats new in the support library (Google IO 2016)

Talk with Alan Viverette and Tenghui Zhu

Compatibility with older versions of Android is a must-have for most applications. Join members of the Android Support Library team as they walk through recent advances in backwards compatibility, explain important changes, and discuss the future of the support libraries.

Video: https://chris.banes.me/talks/2016/whats-new-in-support-library/

Transcript

1. What’s New in Support Lib 23.2.0 through 24.0.0 and beyond +ChrisBanes @chrisbanes +AlanViverette @alanviverette +TenghuiZhu1
2. Support v4 Compatibility shims & backports
3. Fragments Lifecycle improvements Synchronous commit via commitNow() • Alternative to commit/executePending • Preferred if not modifying back stack See What The Fragment talk for in-depth coverage Added: 24.0
4. Notifications New visual style for conversations NotificationCompat.MessagingStyle • Large-format style for multi-party conversations • Compatible with Wear 2.0 devices Added: 24.0
5. Notifications More information about what users think NotificationManagerCompat • areNotificationsEnabled() works on API 19+ • getImportance() for user-specified importance See What’s new with Notifications talk for more Added: 24.0
6. Media Browsing and playback across devices MediaBrowserServiceCompat • Expose media content and playback controls MediaBrowserCompat • Browse content exposed by service See Universal Android Music Player for example Added: 23.2
7. Custom Tabs
8. Custom Tabs Minimum SDK: 15 Alternative to embedded WebView Shares state with browser Customize & receive callbacks
10. MyActivity.java // Warm up default custom tabs service in the background. CustomTabsClient.connectAndInitialize( this, CustomTabsClient.getPackageName(this, null)); ... // Launch a custom tab using the default service. new CustomTabsIntent.Builder() .build() .launchUrl(this, uri);
11. // Connect to the default service. String tabSvc = CustomTabsClient.getPackageName(this, null); CustomTabsClient.bindCustomTabsService(this, tabSvc, new CustomTabsServiceConnection() { // Handle connect & disconnect. }); ... // Following connect, warm-up the service // and start a new session. client.warmup(0); CustomTabsSession session = client.newSession(null);
12. // Instruct the session to pre-render likely (>50%) URLs. String target = "https://developer.android.com"; String[] likely = { "https://developer.android.com/preview/index.html", "https://developer.android.com/samples/index.html" }; List<Bundle> likelyList = new ArrayList<>(); for (String url : likely) { Bundle urlBundle = new Bundle(); urlBundle.putParcelable( CustomTabsService.KEY_URL, Uri.parse(likelyUrl)); likelyList.add(urlBundle); } session.mayLaunchUrl(Uri.parse(target), null, likelyList);
13. UI customization Customize colors Add actions to toolbar, bottom bar Enter, exit transitions
14. new CustomTabsIntent.Builder() .setToolbarColor(myToolbarColor) .setShowTitle(true) .setSecondaryToolbarViews( favoriteRemoteView, new int[] { R.id.favorite }, favoritePendingIntent) .build() .launchUrl(this, Uri.parse(myTargetUrl));
15. VectorDrawableCompat & AnimatedVectorDrawableCompat
16. VectorDrawable & AnimatedVectorDrawable Why Vector?
17. VectorDrawable & AnimatedVectorDrawable Why Vector? Smaller APK size
18. VectorDrawable & AnimatedVectorDrawable Why Vector? Why not SVG?
19. VectorDrawable & AnimatedVectorDrawable Introduced in Lollipop (API 21) Used heavily inside Android OS Improvements continue
20. Group Path Path Clip-Path Group Path Group Path VectorDrawable
21. Group Path Path Clip-Path Group Path Group Path ObjectAnimator ObjectAnimator ObjectAnimator AnimatedVectorDrawable
22. New XML Bundle Format Merge related XML files into one <animated-vector android:drawable=“@drawable/icon”> ... </animated-vector>
23. New XML Bundle Format <vector> <group> ... </group> </vector> <animated-vector android:drawable=“@drawable/icon”> ... </animated-vector> Merge related XML files into one
24. New XML Bundle Format Merge related XML files into one <vector> <group> ... </group> </vector> <animated-vector> <aapt:attr name=“android:drawable”> </aapt:attr> </animated-vector> ...
25. Merge related XML files into one New XML Bundle Format <vector> <group> ... </group> </vector> </aapt:attr> </animated-vector> <animated-vector> <aapt:attr name=“android:drawable”>
26. Asset Generation Android Studio solution
27. Generate Vector Assets Vector Asset Repository
28. Generate Vector Assets SVG to VectorDrawable
29. Backward Compatibility Gradle solution
30. PNG generation by Gradle VectorDrawable
 XML file Gradle build mdpi / PNG hdpi / PNG xhdpi / PNG minSDK < 21
31. PNG generation by Gradle + Simple adoption + Default gradle setting + Smart detection on minSdkVersion
32. PNG generation by Gradle - No AnimatedVectorDrawable - Limited features of VectorDrawable - Generated PNG files sits inside APK
33. Backward Compatibility Support Library solution
34. Support Library + Static and animated VectorDrawable + XML files only + Full VectorDrawable features Added: 23.2
35. Support Library - Turn on a Gradle flag android { defaultConfig { ... vectorDrawables.useSupportLibrary = true } }
36. Support Library - Turn on a Gradle flag - API versions
37. Support Library
38. Support Library - Drawable reference <ImageView android:src=”@drawable/myvector”/>
39. VDC & AVDC How do I use it?
40. VectorDrawableCompat.create(...); AnimatedVectorDrawableCompat.create(...); How do I use it? Manually
41. <ImageView app:srcCompat=”@drawable/myvector”/> How do I use it? AppCompat iv.setImageResource(R.drawable.myvector);
42. How do I use it? <menu> <item android:icon=”@drawable/myvector”/> </menu> AppCompat
43. How do I use it? We had to remove it in 23.3.0 AppCompat (magic) Around 23.2.0 I wrote about an experimental way of using <vector> in DrawableContainers
44. How do I use it? Around 23.2.0 I wrote about an experimental way of using <vector> in DrawableContainers But it’s back in 23.4.0* AppCompat (magic)
45. How do I use it? In 23.4.0, you need to manually enable this: AppCompatDelegate .setCompatVectorFromResourcesEnabled(true); How do I use it? AppCompat (magic)
46. How do I use it? Works by creating a special Resources instance per Context • Increased memory usage + GC
 (every instance has a drawable cache) • Can interfere with updateConfiguration() calls AppCompat (magic)
47. MyActivity.java public class MyActivity extends AppCompatActivity { public void onCreate() { ... } }
48. MyActivity.java public class MyActivity extends AppCompatActivity { public void onCreate() { ... } } static { AppCompatDelegate .setCompatVectorFromResourcesEnabled(true); }
49. How do I use it? Allows you to reference <vector> in DrawableContainers Works with: AppCompat (magic) • StateListDrawable <selector> • InsetDrawable
 <inset> • LayerDrawable
 <layer> • LevelListDrawable
 <level-list>
50. How do I use it? AppCompat (magic) <inset android:drawable=”@drawable/myvector”/> res/drawable/inset_vector.xml
51. How do I use it? AppCompat (magic) <TextView android:drawableLeft=”@drawable/inset_vector”/> res/layout/main_activity.xml
52. How do I use it? AppCompat (magic) <RadioButton android:button="@drawable/inset_vector"/> res/layout/main_activity.xml
53. AppCompat
54. Night Mode Added: 23.2 Allows your app to be automatically themed based on time of day
55. Allows your app to be automatically themed based on time of day Night Mode
56. Allows your app to be automatically themed based on time of day Night Mode
57. Night Mode AppCompatDelegate.setDefaultNightMode(...) Change night mode Change theme Theme.AppCompat.DayNight
58. MODE_NIGHT_FOLLOW_SYSTEM Follows the system night mode DEFAULT MODE_NIGHT_YES Always night mode MODE_NIGHT_NO Never night mode (aka day mode) MODE_NIGHT_AUTO Switches based on time of day
59. MODE_NIGHT_FOLLOW_SYSTEM Follows the system night mode DEFAULT MODE_NIGHT_YES Always night mode MODE_NIGHT_NO Never night mode (aka day mode) MODE_NIGHT_AUTO Switches based on time of day
60. MODE_NIGHT_FOLLOW_SYSTEM Follows the system night mode DEFAULT MODE_NIGHT_YES Always night mode MODE_NIGHT_NO Never night mode (aka day mode) MODE_NIGHT_AUTO Switches based on time of day
61. THEMES & STYLES DEMYSTIFIED Stage 4 - Day 2 @ 9am
62. ColorStateLists Added: 24.0 Added to the framework in API 23 Handy when for drawable tints ...with added theme attributes
63. res/color/tint_normal.xml <selector> <item android:state_enabled="false" /> <item /> </selector> android:color="?attr/colorControlNormal" android:alpha="?android:disabledAlpha" android:color="?attr/colorControlNormal"
64. res/color/tint_normal.xml <selector> <item android:state_enabled="false" /> <item /> </selector> android:color="?attr/colorControlNormal" android:alpha="?android:disabledAlpha" android:color="?attr/colorControlNormal"
65. res/color/tint_normal.xml <selector> <item android:state_enabled="false" /> <item /> </selector> android:color="?attr/colorControlNormal" android:alpha="?android:disabledAlpha" android:color="?attr/colorControlNormal"
66. ColorStateLists Added: 24.0 ...with added theme attributes AppCompatResources.getColorStateList( getContext(), R.color.tint_normal);
67. Design
68. Bottom sheets Persistent Modal Added: 23.2
69. Bottom sheets Persistent
70. <android.support.design.widget.CoordinatorLayout> <!-- Non-bottom sheet content —> </...> <LinearLayout > <!-- Bottom sheet content --> </LinearLayout> app:layout_behavior="@string/bottom_sheet_behavior" app:behavior_peekHeight=“...” res/layout/persistent_sheet_ui.xml
71. <android.support.design.widget.CoordinatorLayout> <!-- Non-bottom sheet content —> </...> <LinearLayout > <!-- Bottom sheet content --> </LinearLayout> app:layout_behavior="@string/bottom_sheet_behavior" app:behavior_peekHeight=“...” res/layout/persistent_sheet_ui.xml
72. <android.support.design.widget.CoordinatorLayout> <!-- Non-bottom sheet content —> </...> <LinearLayout > <!-- Bottom sheet content --> </LinearLayout> app:layout_behavior="@string/bottom_sheet_behavior" app:behavior_peekHeight=“...” res/layout/persistent_sheet_ui.xml
73. <android.support.design.widget.CoordinatorLayout> <!-- Non-bottom sheet content —> </...> <LinearLayout > <!-- Bottom sheet content --> </LinearLayout> app:layout_behavior="@string/bottom_sheet_behavior" app:behavior_peekHeight=“...” res/layout/persistent_sheet_ui.xml
74. <android.support.design.widget.CoordinatorLayout> <!-- Non-bottom sheet content —> </...> <LinearLayout > <!-- Bottom sheet content --> </LinearLayout> app:layout_behavior="@string/bottom_sheet_behavior" app:behavior_peekHeight=“...” res/layout/persistent_sheet_ui.xml
75. Bottom sheets Modal
76. public class MyModalFragment { public View onCreateView(...) { // return content } } extends BottomSheetDialogFragment MyModalFragment.java
77. MyActivity.java MyModalFragment f = new MyModalFragment(); f.show(getSupportFragmentManager(), ...);
78. AppBarLayout Elevation Logic is currently hardcoded
79. AppBarLayout Elevation Always elevated
80. AppBarLayout Elevation CollapsingToolbarLayout Elevated when collapsed
81. AppBarLayout Elevation CollapsingToolbarLayout Not-elevated when expanded
82. AppBarLayout Elevation CollapsingToolbarLayout Always elevated !
83. AppBarLayout Elevation Now uses a StateListAnimator to control all elevation changes Similar to Button Added: 24.0
84. AppBarLayout Elevation Now uses a StateListAnimator to control all elevation changes Similar to Button Added: 24.0 state_collapsible state_collapsed
85. <selector ...> <item app:state_collapsible="true" app:state_collapsed="true"> <objectAnimator android:propertyName="elevation" android:valueTo="8dp" android:valueType="floatType"/> </item> <item> <objectAnimator android:propertyName="elevation" android:valueTo="0" android:valueType="floatType"/> </item> </selector> res/anim-v21/appbar_elevated_collapsed.xml
86. <selector ...> <item app:state_collapsible="true" app:state_collapsed="true"> <objectAnimator android:propertyName="elevation" android:valueTo="8dp" android:valueType="floatType"/> </item> <item> <objectAnimator android:propertyName="elevation" android:valueTo="0" android:valueType="floatType"/> </item> </selector> res/anim-v21/appbar_elevated_collapsed.xml
87. <selector ...> <item app:state_collapsible="true" app:state_collapsed="true"> <objectAnimator android:propertyName="elevation" android:valueTo="8dp" android:valueType="floatType"/> </item> <item> <objectAnimator android:propertyName="elevation" android:valueTo="0" android:valueType="floatType"/> </item> </selector> res/anim-v21/appbar_elevated_collapsed.xml
88. <selector ...>
 <item> <objectAnimator android:propertyName="elevation" android:valueTo="8dp" android:valueType="floatType"/> </item> 
 </selector> res/anim-v21/appbar_always_elevated.xml
89. res/anim-v21/appbar_always_elevated.xml <selector ...>
 <item> <objectAnimator android:propertyName="elevation" android:valueTo="8dp" android:valueType="floatType"/> </item> 
 </selector>
90. res/layout/fragment_main.xml <android.support.design.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:stateListAnimator="@anim/appbar_always_elevated"> <!-- AppBar content --> </android.support.design.AppBarLayout>
91. res/layout/fragment_main.xml <android.support.design.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:stateListAnimator="@anim/appbar_always_elevated"> <!-- AppBar content --> </android.support.design.AppBarLayout>
92. Coming soon Sneak peek at the future of support library
95. Only 0.1% of devices are running API <9 Reduces v4 method count by ~130 Improves release cycle Same package names Dropping older platforms
96. support-v4 shims
97. support-v4 shims fragments helpers
98. support-v4 shims fragments helpers media utils etc
99. support-v4 support-v4 meta module support-compat support-fragment support-media etc...
100. Thank You! +ChrisBanes @chrisbanes +AlanViverette @alanviverette +TenghuiZhu1