Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Android Material Design

Name: Android Material Design
Rating: 4.5 (568 reviews)

Introduction, Implementation and Mastering. All in one!

Created byAnnapurna Agrawal Siddhartha

Last updated 2/2017

English

What you'll learn

Implementing Material Design Feature at the end of this course will be a piece of cake for students
The concept of this awesome feature provided for Android App Development will be crystal clear.

Course content

8 sections • 43 lectures • 5h 47m total length

Introduction3:27
Introduction to Android Material Design and overview of the topics covered in this module of playlist.

Reference - http://developer.android.com/index.html
Diving into Material Design Themes and Colors6:26
Creating a new android project and explaination on the default material design provided in the application. Material themes compatibility for devices with api 21, above 21 and below 21. Color description for various app elements like the accentColor, secondaryColor and primaryColor.
Material Design Themes and Compatibility with Pre-Lollipop Devices5:00
Demo on application of various Material Design Themes in our android application. Explanation about the compatibility issue that arises with themes with Lower API levels below 5.0 Lollipop and how to resolve it.
Set up XML Compatiblity for all android devices6:33
Demo on how to set up XML compatibility for pre-lollipop, lollipop and above devices. Set up the resource folder i.e. make changes in the layout, drawable and values folder so that our application runs on all android devices. The concept of base application theme and the child theme is explained as well.
Maintaining Compatibility by JAVA codes for Android Application3:26
Detailed explanation on how to make our applications compatible for all android devices using java codes. First part of the video has explanation using slide, the next part has demo in android studio, with codes.
Color Palette Description for Android Material Design6:32
The video explains the general color palette for different parts of android screen in detail. The different color properties that define and control the toolbar, the status bar, different widgets in the android screen is desrcribed.
Android Material Design Color Standards by Google for Android App Development7:45
Brief on the guidelines to be followed for Android Application development. Description about the standards to be kept in mind about the color used for design. The use of material design color palette is parallelly explained.
Choosing from Color Palette for our Android Application8:06
This video contains detailed explanation regarding the usage of color palette in the android application with the help of a demo project. The different color attributes that is used in different part of app is shown with example and codes are explained as well.
Colors and Themes Quiz

Getting started with Material Design Toolbar8:51
Explanation regarding the Action bar and Toolbar is made in detail in this video. Features of each, how they differ and and the discussion about the use in different android version is made. Various components of toolbar and using toolbar as action bar is also explained.
Toolbar as Standalone Toolbar10:47
Detailed description about the usage of toolbar as standalone toolbar is given in this video. We will be creating a new demo android application with the explanation of the standalone toolbar.
Setting compatibility for Standalone Toolbar for all Andro5:23
In this video, the demo app is used to explain how to set up the compatibility for attributes while using independent toolbar. The compatibility set up for the xml as well as the java codes is shown.
Material Design Toolbar: Pop-up Menu and Menu Icons8:39
In this video, i will be taking you through designing and including pop-up menu and various menu options in the toolbar. Including the options makes navigation through the app easier. So, basically, we will be learning about customizing our app for better user experience. Each topic here is explained with codes and like always, we also have demo application for better understanding.
Customizing Android Material Design Toolbar6:20
In this video, i will take you through the customization of the standalone toolbar, that we have been working on in the last 2 videos of this series. We will also be making the pop-up menu more attractive and colorful for better user experience.
Using Android Material Design Toolbar as Action Bar7:38
In this video, I have clearly explained and demonstrated the difference between the standalone toolbar and using toolbar as action bar. The Demo video which is used here is the continuation of the previous video.
Using Contextual Menu in Android Material Design Toolbar : Part19:48
In this video we will be going through the implementation of contextual menu in toolbar in android material design. We will be implementing this in our demo application, continuing from our previous video. We will also be customizing the our contextual menu.
Using Contextual Menu in Android Material Design Toolbar: Part 27:40
In this video we will be going through the implementation of contextual menu in toolbar in android material design. We will be implementing this in our demo application, continuing from our previous video. We will also be customizing the our contextual menu.
Material Design Toolbar Quiz

Exploring Basic Components in Android Material Design10:00
In this video we will be going through the basics building blocks. I will introduce those Basic Components to you that was introduced with material theme i.e. snackbar and floating action button
Getting Familiar with Android Snackbar7:19
In this video we will be going through the Snack Bar, one of the basic building blocks introduced with android material theme. We will take a tour of google guidelines defined for snack bar and implement snack bar in our android app.
Implementing Snackbar in our Android App5:26
Implementing custom snackbar and snackbar having action callback is described in this video. You will see the proper implementation in the demo android application with complete codes.
Getting Familiar with Floating Action Button5:55
In this video, we will go through the basic floating action button introduced as Basic Component with material theme. we will go through google guidelines on FAB and learn about its few features.
Using Floating Action Button in our Application5:37
In this video, we will dive into the demo for implementing Floating Action Button(FAB) in our Android app. We will learn about various attributes for FAB.
Exploring the Importance of Coordinator Layout4:31
In this video, we will be leaning about the coordinator layout that is essential to keep the FAB and snackbar in sync in our android app. Demo application has the codes and explanations in detail.
Basic Component Quiz

Android Material Animation: Explode, Slide, Circular Reveal, Shared Element6:36
In this video, we will have an overview of the upcoming videos and tutorials that will take you through one of the most interesting features in android i.e. ACTIVITY TRANSITION ANIMATION and RIPPLE EFFECT.

In this series of videos you will learn:
1. Explode Activity Transition
2. Slide and Fade Activity Transition
3. Circular Reveal Animation
4. Ripple Animation or Ripple Effect
5. Shared Element Transition

In the video, i have shown the demo application as example for each topic that we will be creating while implementing this android material design animation. Stay tuned. Lotsa stuff in queue ;)
Ripple Effect Animation: Touch Feedback11:03
In this video, we will be learning about the touch feedback animation. Basically it refers to the response that we get while interacting with the ui elements in the app. In this video, we will be covering various forms of ripple animation:

1. default ripple with border
2. default ripple without border
3. custom ripple with border
4. custom ripple without border

How to assign this effect to widgets other that the button is shown here.
We will also be learning how to customize default ripples for our views.
Implementing Shared Element Transition12:03
In this video, we will be learning about the shared element transition. It refers to the animation which is defined for various common widgets/elements that share different activities.
Let's Checkout Circular Reveal Animation7:54
In this video, we will be going through the details of circular reveal animation. We will be extending the demo application from the previous video to implement circular reveal animation.
Explode Animation Activity Transition: The Most Appealing Transition16:15
In this video, we will be learning about the Explode animation activity transition. We will be implementing this explode transition using the java codes as well as the xml files. We have a small demo application that we will continuing from the previous video.
Implementing Slide Activity Transition7:19
In this video, we will be learning about the Slide animation activity transition. We will be implementing this slide transition using the java codes as well as the xml files. We have a small demo application that we will continuing from the previous video.
Fade Animation Activity Transition6:03
In this video, we will be learning about the Fadeanimation activity transition. We will be implementing this fade transition using the java codes as well as the xml files. We have a small demo application that we will continuing from the previous video.
Activity Transition Overlap9:06
In this video, we will learn about the activity transition overlap. About the animation for the exit of 1st activity when second enters, the animation for entry of 1st activity when 2nd exits, the reenter transitions, about removing the overlapping of this activities' entry and exit animations.
In short, how do you smoothly bring in your activities and take it out from the scene, in detail, is explained in this video.
Android Material Design Animation Quiz

Android Floating Label for Edit Text by using TextInputLayout7:40
In this video we will be learning how to implement floating label for the edit text widget. Edit text is usually provided with hint, which disappears when the user starts entering the text. We will see, how we get through this issue and make our android application user friendly.
Validation for Floating Labels of Edit Text: TextInputLayout12:33
In this video we will be learning how to validate input fields for the edit text widget. We will also learn how to customize this fields. We will see, how we get through this issue and make our android application user friendly.
Introduction to AppBarLayout and Collapsing ToolBar Layout7:17
In this video, we will be having the introduction to the AppBar Layout, Collapsing Toolbar Layout and Coordinator Layout. We will go through the live example and see the demo application that we will be building. The basic project set up required for the above is shown here in this video.
Implementing AppBarLayout7:54
In this video, we will be implementing the App Bar Layout. We will go have the demo application for the same. Few important aspects while implementing this that has to be kept in mind is shown.
Implementing CollapsingToolBarLayout12:36
In this video, we will be implementing the Collapsing Toolbar Layout. We will go have the demo application for the same. Few important aspects while implementing this that has to be kept in mind is shown. We will also make use of AppBarLayout and Coordinator layout for implementation.
Android Support Library Quiz

Introduction to Navigation View5:18
In this video, we have an introduction to what navigation view is and the steps to implement it into our application. The different kind of the navigation view with the example and demo application is also explained.
The basic set up of the Android project is shown in the video. How the menu items are used to inflate the menu in Navigation View is also explained. Stay tuned for the rest of the coding part of the series.
Implementing Simple Menu Items17:16
The implementation of the simple menu items in the NavigationView is explained in detail with the codes and creation of demo application. The code is designed from scratch and variations for the designed demo app are also explained.
Implementing Grouped Menu items with Header7:42
It is the continuation of the previous video. In this lesson, the demo app will be used to implement the menu items in form of group first and then the implementation of the menu items is shown with header.

Introduction to RecyclerView9:39
In this lecture, you will have an introduction to the RecyclerView and CardView with proper examples. We will make the basic project set up required for the RecyclerView and CardView implementation in our application.
Implementing RecyclerView - 114:09
In this lecture, we will proceed towards implementing RecyclerView in our Android Project.
The steps explained in this lecture are:
➝ Create list item layout using CardView widget

➝ Add RecyclerView to activity_main.xml

➝ Data Model to feed the RecyclerView

➝ Custom Adapter for the RecyclerView
Implementing RecyclerView - 25:50
Continue from the previous lecture and complete the demo app for execution.
Operations on List Items in RecyclerView | Add and Delete Operations11:28
Implement functionalites like add and delete operations on items in RecyclerView in Android. The demo app continues from the previous video. Use and difference between the functions like notifyItemInserted or notifyItemDeleted and notifyItemRangeChanged is well explained. The default animation provided by RecyclerView widget is also explained.
Happy Coding :)

Requirements

Set up Android Studio in your pc.
How to run Android Application in the emulator, genymotion or on your android device.

Description

Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. This course talks about all the important material design specifications, colors, design guidelines, and also using material widgets along with material themes and concepts.

Curious about Android Material Design? This is the your final stop where you will get information regarding material design specifications and the related widgets being used with material design themes. The best part of this course is that you will learn to make several complete android demo apps from scratch - two major apps and several small apps - based on material design guidelines. Enhance your application user interface designing skills by implementing all new materialistic features introduced in Android Lollipop 5.0.

Styling of Android Application is very important and one of the most critical feature in designing the app. To make this difficult task easy, I have come up with this course of Android Material Design, which begins with the basics of the material design and proceeds with covering some really complicated and most interesting stuffs like Android Material Design Animation. We will also dive into the material design support library and implement it in our demo applications.

The topics we will be covering includes:

1. Material Design Themes and Colors

Color Palette
Material Design Themes
Maintaining Backward Compatibility
Exploring Tinting of Widgets

2. Material Design Toolbar

Popup Menu or Overflow Menu
Contextual Menu
Toolbar Theme Customisation

3. Basic components of Android Material Design

Floating Action Button
Snackbar
Coordinator Layout

4. Android Material Design Animation

Ripple Effect: Touch Feedback
Slide Activity Transition
Shared Element Transition
Explode Activity Transition
Fade Transition
Activity Transition Overlaps

5. EditText with Floating Label

Implementing Floating Hints
Validation of TextFields
Validation Error Resolution

6. AppbarLayout and CollapsingToolbarLayout

Using AppBarLayout with Scroll Flags
How to collapse Image along with CollapsingToolbarLayout
Exploring various pin modes

7. RecyclerView and CardView

Implementing RecyclerView in various orientations
Using CardView to create list items
Adding and Deleting an Item from RecyclerView
RecyclerView Animation
Grid, Staggered Grid Implementations

8. Navigation Drawer using NavigationView

Inflate menu items in the Navigation Drawer using NavigationView
Adding dividers between the menu items
Grouping the menu items under one category

By the end of this series, you will be mastering the implementation of this features in your android app.

Who this course is for:

Students should have basic knowledge of Android Application Development.
What are the basic components of an Android Application and the basic Hello World Program.

Android Material Design

What you'll learn

Explore related topics

Course content