GDG Burdur - Exploring the v28 Android Design Support Library Additions

Transcript

1. Exploring the v28 Android Design Support Library Additions
2. About Me Android Developer @ emretekin.me emre@kukapps.com emretekin emretekinn Management Information Systems
3. Introduction to Android Development Start building an app Whether you’re an experienced developer or creating your first Android app, here are some resources to get you started. developer.android.com
4. Introduction to Android Development https://developer.android.com/studio/
6. Left Section on Android Studio
7. Center Section on Android Studio
8. Right Section on Android Studio
9. What is Support Library? The Support Library is a collection of libraries can be defined as into two group of libraries such as compatibility and component libraries. implementation 'com.android.support:design:28.0.0' This is the stable release of Support Library 28.0.0 and is suitable for use in production. This will be the last feature release under the android.support packaging, and developers are encouraged to migrate to AndroidX. implementation 'com.google.android.material:material:1.0.0
10. Gradle file
11. Introduction to Material Design Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products. https://material.io
13. Previously Used Material Components • Toolbar • Bottom Navigation View • Cardview • Floating Action Button • Selection Controls
14. Toolbar
15. Bottom Navigation View
16. Cardview
17. Floating Action Button
18. Selections Controls • Checkbox • Radio button • Switch button
19. New Material Components • BottomAppBar • Material Cardview • Chip • Chip Group • Material Button
20. Toolbar to BottomAppBar A bottom app bar displays navigation and key actions at the bottom of mobile screens. Based on the changing needs and behaviors of users, the BottomAppBar is an evolution from standard Material guidance.
21. Toolbar to BottomAppBar A bottom app bar displays navigation and key actions at the bottom of mobile screens. Based on the changing needs and behaviors of users, the BottomAppBar is an evolution from standard Material guidance.
22. Bottom NavigationView BottomAppBar
23. Bottom NavigationView BottomAppBar Google Home Swarm Dominos Pizza
24. BottomAppBar GM Voice Recorder
25. Selection Controls to Chips
26. Selection Controls to Chips
27. Cardview to Material CardView Material CardView is a customizable component based on CardView from the Android Support Library. Material CardView provides all of the features of CardView, but adds attributes for customizing the stroke and uses an updated Material style by default.
28. Button to Material Button
29. Let’s See How Can We Implement New Components to Our Project
30. BottomAppBar
31. BottomAppBar with FAB • bottom_app_bar.replaceMenu(R.menu.main) • app:layout_anchor=”@id/bottom_appbar”
32. BottomAppBar with FAB • app:fabAttached: “true”
33. BottomAppBar with FAB • app:fabAttached: “false”
34. BottomAppBar with FAB • app:fabAlignmentMode:”center”
35. BottomAppBar Behaviors • bottom_app_bar.fabAlignmentMode = BottomAppBar.FAB_ALIGNMENT_MODE_END • bottom_app_bar.replaceMenu(menu_secondary)
36. BottomAppBar Behaviors • app:hideOnScroll:”true” • app:layout_scrollFlags=”scroll|enterAlways” • bottom_app_bar.fabAlignmentMode = BottomAppBar.FAB_ALIGNMENT_MODE_END • bottom_app_bar.replaceMenu(menu_secondary)
37. Chip
38. Chip Group
39. Chips There are four types of chips: • Entry Chip • Filter Chip • Choice Chip • Action Chip (Default)
40. • Entry(Input) Chips
41. • Choice Chips
42. • Filter Chips
43. • Action Chips
44. Material Cardview • app:strokeWidth: • app:strokeColor:
45. Material Button
46. Material Button style="@style/Widget.MaterialComponents.Button.TextButton"
47. • Material Button Attributes Icon drawable app:icon Padding between icon and button text app:iconPadding Icon color app:iconTint app:iconTintModer Stroke app:strokeColor app:strokeWidth The radius of all four corners of the button app:cornerRadius Ripple app:rippleColor
48. Google I/O 2018 https://play.google.com/store/apps/details?id=com.google.samples.apps.iosched&hl=en 1 2 3
49. Demo https://medium.com/@emre.tekin/android-design-support-library-v28-3e0ea4d9f688 https://github.com/emretekin/Support-Library-v28-Additions
50. References https://material.io https://www.reddit.com/r/androiddev/comments/82qh9e/support_library_2800alpha1/ https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f https://youtu.be/DPH3F0v1jB0
51. Thank You! Questions? emretekin.me