Complete Guide To Android Ui Design, Styles & Animations

Enhance Android UI Design by implementing application styles and themes, the Material Design library, and animations

What you'll learn

Use the latest Android Material Design system to build beautiful UIs for your applications

Implement app bars, buttons, and other active elements with material components

Express motion details with animations and transitions

Understand material design and implement widgets with material style

Achieve version-specific styles and backward compatibility

Build a design language that you can apply to multiple apps, or that many developers working on an app can implement for a consistent look and feel

Learn to use frame animations (aka drawable animations) to make your applications dynamic

Animate anything and everything using property animations

Use transitions frameworks and scene transitions across activities

Requirements

Prior knowledge of Java and Kotlin will be beneficial.

Description

Material Design is a visual language developed by Google that brings new attractive ways for a user to interact with apps. Enhance UIs to create dynamic and responsive Android applications with consistent styles and appropriate themes. Add animations to your Android apps to make user experience more dynamic, fun, and effective. If you’re an Android developer who wants to give a seamless experience to users by implementing these features into your apps to make it visually beautiful, then go for this course.This course is a practical guide to applying the latest Material Design 2 specifications into your application development. Ranging from creating realistic visual cues to give meaning to your UI using motion and animations, you will make your application more engaging and useful for your users. You will learn the best practices of material design, colors, styles, and themes to build attractive, user-friendly, and responsive applications with backward compatibility. You will also learn different types of animations that can be applied to different app scenarios to make your apps more dynamic.By the end of this course, you will be able to create visually beautiful UI/UX for your Android apps by implementing Material design specifications and animations into your Android applications.Meet Your Expert(s):We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:Mona Vafatabar is an energetic mobile developer with 4+ years of robust code experience in Java-Android and iOS. She enjoys every minute spent developing apps on her computer. There is always something new to learn so what she loves the most is being challenged and sharing her experience. Currently, Mona is working as a freelance software developer and is a proud online trainer. Apart from this, she loves to travel, explore new places, and read books.Ehsan Mashhadi is an experienced mobile developer with 5+ years of experience in Java, Kotlin, and Swift. He loves his work and is always passionate to learn new things. He loves challenges, and always tries to do his job better, faster, and without bugs. Currently, he is working as a team lead developer and freelance technical author. Outside of his technical life, he loves food, trips, and movies.Annapurna Agrawal is an Android developer. She has also tried her hand at JavaScript, Kotlin, PHP, jQuery, CSS, and HTML. She is a software engineer from India and likes teaching. She is a trainer in the Google Developers Group at Bhubaneswar, Odisha in India. Besides all this, she practices yoga and meditation, YouTubing, and hanging out with friends.

Overview

Section 1: Hands-On Android Material Design

Lecture 1 The Course Overview

Lecture 2 Setup Your Project for Material Design

Lecture 3 Explore Material Design Icons and Colors

Lecture 4 Exploring and Customizing Themes

Lecture 5 Exploring CoordinatorLayout

Lecture 6 Create and customize Your Toolbar as App Bar

Lecture 7 Add and Customize a Pop-Up Menu in the Toolbar

Lecture 8 Add an Up Button to Your Toolbar

Lecture 9 Implementing Action Views and Action Providers

Lecture 10 Implementing the Collapsing Toolbar

Lecture 11 Customizing the Collapsing Toolbar

Lecture 12 Implementing the SnackBar

Lecture 13 Customizing the SnackBar

Lecture 14 Implementing Bottom Navigation

Lecture 15 Customizing Bottom Navigation

Lecture 16 Implementing Navigation Drawer

Lecture 17 Display the Navigation Drawer

Lecture 18 Handling the Navigation Drawer Events

Lecture 19 Implementing Tab Layouts

Lecture 20 Implementing Tab Layouts Programmatically

Lecture 21 Implementing The RecyclerView

Lecture 22 Display The RecyclerView

Lecture 23 Implement a List in the RecyclerView

Lecture 24 Add Click Events to the RecyclerView

Lecture 25 Implementing and Customizing Your CardView

Lecture 26 Add a ClickListener to Your CardView

Lecture 27 Implement CardView in the RecyclerView

Lecture 28 Implement CollapsingToolbarLayout with CardView and RecyclerView

Lecture 29 Customize Buttons with Material Design

Lecture 30 Implementing Floating Action Button

Lecture 31 Implementing Bottom App Bar with Floating Button

Lecture 32 Implementing Selection Controls

Lecture 33 Implementing Chips

Lecture 34 Creating Text Fields

Lecture 35 Implementing Progress Bars

Lecture 36 Implementing Tooltips

Lecture 37 Implementing Sliders

Lecture 38 Implementing Dialogs - Alert and Confirmation

Lecture 39 Customize Dialogs - Alert and Confirmation

Lecture 40 Implementing Dialogs - Date and Time Pickers

Lecture 41 Implementing Bottom Sheets

Lecture 42 Implementing Full-Screen Dialogs

Lecture 43 Implementing ViewPager

Lecture 44 Implementing Image Slideshow

Lecture 45 Customizing the Image Slideshow

Lecture 46 Implementing Swipe Refresh Layout

Lecture 47 Customizing Swipe Refresh Layout

Lecture 48 Explore Screen Compatibility

Lecture 49 Explore ConstraintSet

Lecture 50 Creating Animations – Ripple Effect

Lecture 51 Exploring Transition – Shared Element, and Circular Effect

Lecture 52 Exploring Transition – Slide, Explode, Fade, and overlap Effects

Lecture 53 Explore AnimationDrawable

Lecture 54 Explore Spring and Fling Movement

Section 2: Hands-On Android Application Components: Styles and Themes

Lecture 55 The Course Overview

Lecture 56 Responsive design

Lecture 57 Exploring Material Design

Lecture 58 Grasping more on Material design

Lecture 59 Material Components

Lecture 60 Environment in Material Design

Lecture 61 Getting Started with Styles and Themes

Lecture 62 Styling an application

Lecture 63 Creating Style and Theme

Lecture 64 Color State List

Lecture 65 State List Drawable

Lecture 66 Exploring Attributes

Lecture 67 Using the Material Theme

Lecture 68 Using the AppCompat Theme

Lecture 69 Inheritance in Styles and Themes

Lecture 70 Using ThemeOverlay

Lecture 71 Android Studio Theme Editor

Lecture 72 Branding

Lecture 73 Colors in Material Design

Lecture 74 Color Tools

Lecture 75 Icons

Lecture 76 Vector Drawable

Lecture 77 Version-Specific Styles

Lecture 78 DayNight Theme

Lecture 79 Custom View and Custom Attributes

Lecture 80 AndroidX

Section 3: Hands-On Android Animations

Lecture 81 The Course Overview

Lecture 82 Introduction to Android Animation

Lecture 83 Android Studio Setup to Get Started

Lecture 84 Understanding Property Animations

Lecture 85 Knowing the Types of Property Animations

Lecture 86 Applying Property Animation Using XML

Lecture 87 Listening to Events During Animation

Lecture 88 Applying Property Animation Using Code

Lecture 89 Introduction to Choreographing Animations

Lecture 90 Using Sets in XML

Lecture 91 Using Sets in Code

Lecture 92 Implementing Interpolators

Lecture 93 ViewPropertyAnimator versus PropertyValuesHolder

Lecture 94 Summary

Lecture 95 Understanding Animation Drawables

Lecture 96 Animating Vector Drawable

Lecture 97 Understanding AnimatedVectorDrawables

Lecture 98 Using AnimatedVectorDrawables - I

Lecture 99 Using AnimatedVectorDrawables - II

Lecture 100 Working on Backward Compatibility

Lecture 101 Understanding Transitions

Lecture 102 Animating Between Views and Layouts

Lecture 103 Using TransitionSet for Multiple Transition

Lecture 104 Apply Transition from Code

Lecture 105 Implementing Transition Without Scenes

Lecture 106 Implementing Activity Transition

Lecture 107 Using ConstraintLayout and ConstraintSet for KeyFrame Animation

Lecture 108 Applying Animation to RecyclerView: Open-Source Library

Lecture 109 ViewPager Animation: Using Open-Source Code

Lecture 110 Exploring Physics-Based Animation: Fling Animation

This course is for Android developers and anyone who wants to create material applications. UI/UX designers who wish to develop Android applications by applying material design specifications, use styling features and animations in android apps can also take up this course.