Forms and Animations with Flutter: Implementing & Configuring Animations

Flutter    |    Intermediate
  • 19 videos | 2h 9m 25s
  • Includes Assessment
  • Earns a Badge
Rating 4.3 of 3 users Rating 4.3 of 3 users (3)
Mobile applications can be made fun, interactive, and interesting using animations. Animations add continuity to transitions that you make in your application and make them more intuitive for users. Flutter offers built-in animatable widgets known as implicitly animated widgets while at the same time giving you the tools that you need to build your own custom advanced animations. In this course, you will explore how animations provide an illusion of motion and how Flutter makes animating widgets straightforward using implicit animations. Next, you will explore implicit animations using a variety of animatable widgets such as the AnimatedContainer, AnimatedOpacity, AnimatedCrossFade, and AnimatedSlide. You will learn to create and manage explicit animations that use the AnimationController and how to generate the right property values for your animations using tweens. You will also see how the AnimatedBuilder improves the performance of your animations. Finally, you will explore a range of animations such as Hero animations, staggered animations, and physics simulations that animate objects using the laws of physics.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Recognize how to use flutter animations
    Create and use manual animations
    Create and use implicit animations
    Build an animatedcontainer and animate multiple properties
    Use various animation curves
    Perform and handle multiple animations
    Use the animated opacity and cross-fade widgets
    Create and use the animated slide widget
    Use animation controllers
  • Create animations using builders
    Use tweens to create animations
    Create an app that uses tweens
    Use staggered animations
    Use hero animations for smooth transitions
    Use a hero widget in a catalog app
    Use gravity and spring simulations
    Create and use spring simulations for draggable cards
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 1m 53s
    In this video, we will discover the key concepts covered in this course. FREE ACCESS
  • 6m 34s
    Upon completion of this video, you will be able to recognize how to use Flutter animations. FREE ACCESS
  • Locked
    3.  Playing with Manual Animations
    7m 23s
    During this video, discover how to create and use manual animations. FREE ACCESS
  • Locked
    4.  Progressing Towards Implicit Animations
    8m 49s
    In this video, you will learn how to create and use implicit animations. FREE ACCESS
  • Locked
    5.  Building Implicit Animations with AnimatedContainer
    6m 15s
    Find out how to build an AnimatedContainer and animate multiple properties. FREE ACCESS
  • Locked
    6.  Configuring Animation Curves
    5m 39s
    In this video, discover how to use various animation curves. FREE ACCESS
  • Locked
    7.  Controlling Multiple Animations
    7m 57s
    After completing this video, you will be able to perform and handle multiple animations. FREE ACCESS
  • Locked
    8.  Using AnimatedOpacity and AnimatedCrossFade
    8m 33s
    During this video, discover how to use the animated opacity and cross-fade widgets. FREE ACCESS
  • Locked
    9.  Playing with the AnimatedSlide
    4m 34s
    Learn how to create and use the animated slide widget. FREE ACCESS
  • Locked
    10.  Using the Animation Controller
    11m 35s
    In this video, find out how to use animation controllers. FREE ACCESS
  • Locked
    11.  Using the AnimatedBuilder
    7m 17s
    During this video, you will learn how to create animations using builders. FREE ACCESS
  • Locked
    12.  Creating Animations using Tweens
    6m 40s
    Upon completion of this video, you will be able to use tweens to create animations. FREE ACCESS
  • Locked
    13.  Using Tween Animations in a Real-world Scenario
    4m 59s
    In this video, you will learn how to create an app that uses tweens. FREE ACCESS
  • Locked
    14.  Implementing Staggered Animations
    9m 1s
    During this video, discover how to use staggered animations. FREE ACCESS
  • Locked
    15.  Using Hero Animations for Smooth Transitions
    6m 10s
    After completing this video, you will be able to use hero animations for smooth transitions. FREE ACCESS
  • Locked
    16.  Using Hero Animations for Grid Elements
    10m 33s
    In this video, learn how to use a hero widget in a catalog app. FREE ACCESS
  • Locked
    17.  Implementing Physics Simulations
    6m 24s
    During this video, you will learn how to use gravity and spring simulations. FREE ACCESS
  • Locked
    18.  Using Spring Simulations for a Draggable Card
    7m
    In this video, learn how to create and use spring simulations for draggable cards. FREE ACCESS
  • Locked
    19.  Course Summary
    2m 8s
    In this video, we will summarize the key concepts covered in this course. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Book Flame Game Development: Your Guide to Creating Cross-Platform Games in 2D Using Flame Engine in Flutter 3
Course Mobile Development: Testing & Debugging Flutter Applications
Rating 4.7 of 13 users Rating 4.7 of 13 users (13)
Journey Introduction to Flutter
Rating 4.0 of 1 users Rating 4.0 of 1 users (1)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Getting started in Google Drive 2023
Rating 4.6 of 50 users Rating 4.6 of 50 users (50)
Course REST API: Exploring the Basic Features
Rating 4.0 of 218 users Rating 4.0 of 218 users (218)
Course Flutter Development: Getting Set Up with Flutter for Application Development
Rating 4.6 of 10 users Rating 4.6 of 10 users (10)