Learn about how to create an arc path through easing curves
- [Instructor] Material Design is all about…the natural experience that is consistent…with the real world.…In Material apps, moving objects typically follow arc path…to simulate the influence of natural forces such as gravity.…I'm going to show you how to use easing curves…to simulate movement on an arc path.…As an exercise, you'll then integrate it…into the product detail page.…Let's start with some experimentations in Storybook.…
We now have a whole bunch of stories about arc motion.…You can see that the red square moved…between different locations on the screen.…Right now it travels in straight lines.…The goal is to bend its path to a concave arc…whenever the square travels…except when it moves only horizontally or vertically.…The blue dots here are very useful for debugging.…
They not only depict the path,…but also show how the object's speed changes.…The denser the dots, the slower the square moves.…Now let me switch to editor.…So I'm using the beginning project 04_05…that comes with the course…and I have already done the setup steps.…
- Using material design principles
- Working with units and measurements
- Using elevation and drop shadows
- Leveraging grids and keylines
- Setting up React Native for Android
- Building floating action buttons
- Creating an immersive experience
- Adding motion and transitions
- Animating icons
- Using component libraries
Skill Level Intermediate
Android App Development: Data Persistence Librarieswith Annyce Davis4h 52m Intermediate
React Native Ecosystem and Workflowwith Emmanuel Henri1h 3m Intermediate
1. Material Design Overview
2. Tools and Environment Setup
3. Build the Materials with React Native
4. Material Motion with React Native
5. Component Libraries
Library selection strategy3m 10s
- 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.