When looking at a running application or static design we should look for what material design components are in it.
- [Instructor] When I receive a layout from a designer…it can be helpful to start pulling apart…the different components.…In this case I want to look for what pieces…may come from the material design standard.…Here I have a design for an activity tracker.…Right off the bat I see a material design color scheme…with a primary, dark color shown in blue…and the gray accent color.…The circular image button in the lower-right…is known as a floating action button.…At the top we also find the use of a card view.…This is a cohesive container for content.…Now this below the card view could also…be a list view or the new material design control…called a recycler view.…
There are also some animations that are part…of material design.…In this case we see when the floating action button…is selected it appears that the screen…we are navigating to explodes…from the floating action button.…This is known as a transformation animation.…Here we can see a second type of animation…known as a state change animation.…As a developer I may want to use an image button…
- Breaking down a material design layout
- Adding AppCompat
- Adding icons and floating action buttons
- Animating the appearance
- Creating a RecyclerView
- Creating a ViewHolder
- Modifying the adapter
- Adding CardView
- Adding transition animations
- Adding a Snackbar
- Working with CoordinatorLayout
Skill Level Intermediate
F# and Xamarin Development Basicswith Rachel Blasucci56m 43s Intermediate
1. What Is Android Material Design?
2. Implementing Material Design
3. Floating Action Button
View state change animations4m 17s
Next steps1m 40s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.