Support Library - Guts and Glory (Android Dev Summit)

Presented with Adam Powell.

AppCompat and the Design library are two great libraries which help you jump-start your Android app. As with all things which are backwards compatible (back to API 7!) though, there are quite a few gotchas along the way.

Transcript

1. Support·Library:¬ Guts·&·Glory#
2. +ChrisBanes @chrisbanes +AdamWPowell @adamwp
3. What? Why? Gotchas? How? Bugs?
4. What?¬
5. support-v4 support-v13 AppCompat MediaRouter CardView RecyclerView Palette Leanback What’s·included¬
6. MediaRouter CardView RecyclerView Palette Leanback Annotations Design Percent Preferences customtabs What’s·included¬
7. Rough hierarchy support-v4/v13 appcompat recyclerview mediarouter leanback design preferences palette customtabs cardview gridlayout
8. palette customtabs cardview gridlayout Independent feature libraries They may still depend on other libraries
9. The core support-v4/v13 Shims, shims everywhere: ViewCompat.animate()
10. The core support-v4/v13 Backports: FragmentActivity.getSupportFragmentManager()
11. The core support-v4/v13 Features: <android.support.v4.widget.ViewPager />
12. Infrastructural support-v4/v13 recyclerview
13. Polyfills support-v4/v13 appcompat Backports large chunks of the UI Toolkit
14. Polyfills support-v4/v13 appcompat Backports large chunks of the UI Toolkit recyclerview
15. High-level componentry support-v4/v13 appcompat recyclerview mediarouter leanback design preferences High-level components Easy, turnkey, implement current UX policy.
16. Why?¬
17. Unbundled releases * Not tied to platform releases * Bug fixes * New features
18. RecyclerView * Component providing data-set windowing * Improves upon similar framework components * Supports nested scrolling back to API v7
19. Animation Pluggable Enforcing RecyclerView See ‘RecyclerView Animations And Behind The Scenes’
20. Animation Pluggable Enforcing RecyclerView * LayoutManager * ItemDecoration * ItemAnimator * RecycledViewPool
21. Animation Pluggable Enforcing RecyclerView Enforces good practices: * ViewHolder * Create -> bind pattern * Minimal data set changes
22. AppCompat * UI compatibility layer for v7+ * Backports framework features, but no more * Goal: stay up to date with the framework
23. AppCompat Themes Toolbar Tinting
24. AppCompat Themes Toolbar Tinting <style name="MyTheme" parent="Theme.AppCompat"/> res/values/themes.xml
25. AppCompat Themes Toolbar Tinting <android.support.v7.widget.Toolbar android:layout_width="..." android:layout_height="..."/> res/layout/my_layout.xml
26. AppCompat Themes Toolbar Tinting
27. AppCompat Themes Toolbar Tinting <style name="MyTheme" parent="Theme.AppCompat"> <item name="colorPrimary">...</item> <item name="colorPrimaryDark">...</item> <item name=“colorAccent">...</item> <item name=“colorControlNormal">...</item> <item name="colorControlActivated">...</item> </style> res/values/themes.xml
28. Design * UI feature library * Provides features not in the framework * Goal: implement high-value UI components
29. FloatingActionButton NavigationView Snackbar TabLayout Design
30. FAB NV Snackbar TL Design
31. FAB NV Snackbar TL Design
32. FAB NV Snackbar TL Design <android.support.design.widget.FloatingActionButton android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="..." /> res/layout/my_layout.xml
33. FAB NV Snackbar TL Design
34. FAB NV Snackbar TL Design res/layout/drawer_content.xml <android.support.design.widget.NavigationView android:layout_height="match_parent" android:layout_width="wrap_content" app:headerLayout="@layout/nav_header" app:menu="@menu/drawer_view"/>
35. FAB NV Snackbar TL Design res/layout/drawer_content.xml <android.support.design.widget.NavigationView android:layout_height="match_parent" android:layout_width="wrap_content" app:headerLayout="@layout/nav_header" app:menu="@menu/drawer_view"/>
36. FAB NV Snackbar TL Design MyActivity.java Snackbar.make(view, "Here’s a…", LENGTH_LONG) .setAction("Undo", ...) .show();
37. FAB NV Snackbar TL Design
38. FAB NV Snackbar TL Design res/layout/my_layout.xml <android.support.design.widget.TabLayout android:layout_height="wrap_content" android:layout_width="match_parent" app:tabMode="scrollable"/>
39. FAB NV Snackbar TL Design ViewPager viewPager = ...; PagerAdapter pagerAdapter = ...; viewPager.setAdapter(pagerAdapter); tabLayout.setupWithViewPager(viewPager); MyActivity.java
40. FAB NV Snackbar TL Design ViewPager viewPager = ...; PagerAdapter pagerAdapter = ...; viewPager.setAdapter(pagerAdapter); tabLayout.setupWithViewPager(viewPager); MyActivity.java
41. Percent * UI feature library * Provides percent based layouts * FrameLayout and RelativeLayout
42. 50% 50% Percent
43. <android.support.percent.PercentRelativeLayout> <ImageView android:id=”@+id/centered_image” android:layout_gravity=”center” app:layout_widthPercent="50%" app:layout_heightPercent="50%" /> <TextView android:layout_below=”@id/centered_image” app:layout_marginStartPercent=”25%” app:layout_marginEndPercent=”25%” /> </android.support.percent.PercentRelativeLayout> Percent
44. <android.support.percent.PercentRelativeLayout> <ImageView android:id=”@+id/centered_image” android:layout_gravity=”center” app:layout_widthPercent="50%" app:layout_heightPercent="50%" /> <TextView android:layout_below=”@id/centered_image” app:layout_marginStartPercent=”25%” app:layout_marginEndPercent=”25%” /> </android.support.percent.PercentRelativeLayout> Percent
45. Gotchas¬
46. Compile SDK Library major version number 23 compileSdkVersion is the minimum compile sdk version .1.1 23 v
47. Compile SDK Library major version number 24 compileSdkVersion is the minimum compile sdk version .0.0 24 v
48. 65 536 , dex method limit
49. 5,318 AppCompat
50. 5,318 AppCompat v4 10,883
51. 5,318 AppCompat v4 10,883 16,201 Total
52. 5,318 AppCompat v4 10,883 18,365 Total design 2,164
53. 5,318 AppCompat v4 10,883 20,569 Total design 2,164 recyclerview 2,204
54. Sounds scary, right? 20 569 ,
55. Example: Cheesesquare https://github.com/chrisbanes/cheesesquare android.support.* 16,241 false minifyEnabled
56. Example: Cheesesquare 8,431 true minifyEnabled android.support.* https://github.com/chrisbanes/cheesesquare
57. How?¬
58. dependencies { compile "com.android.support:appcompat-v7:23.1.1" }
59. compile "com.android.support:design:22.1.1" compile "com.android.support:palette-v7:21.0.0" compile "com.android.support:customtabs:23.1.1" compile "com.android.support:gridlayout-v7:23.1.1" dependencies { compile "com.android.support:appcompat-v7:23.1.1" }
60. ext { supportLibVersion = '23.1.1' } com.android.support:appcompat-v7:${supportLibVersion} Top tip
61. dependencies { compile "com.android.support:appcompat-v7:${supportLibVersion}" compile "com.android.support:design:${supportLibVersion}" compile "com.android.support:palette-v7:${supportLibVersion}" compile "com.android.support:customtabs:${supportLibVersion}" compile "com.android.support:gridlayout-v7:${supportLibVersion}" } Top tip ext { supportLibVersion = '23.1.1' }
62. Bugs?¬ Nope, the code is perfect
63. http://b.android.com
64. +ChrisBanes @chrisbanes +AdamWPowell @adamwp