All Projects → mikescamell → Loco Motionlayout

mikescamell / Loco Motionlayout

Licence: apache-2.0
Demo app for the talk "Do the Loco-MotionLayout" presented at droidcon Italy, droidcon Boston, 360AnDev & droidcon London 2019 along with examples using MotionLayout

Programming Languages

kotlin
9241 projects

Projects that are alternatives of or similar to Loco Motionlayout

Uberux
Project that demonstrates the entire animation stack present in the Uber app (android)
Stars: ✭ 1,201 (+497.51%)
Mutual labels:  transitions
Core
UI-Router Core: Framework agnostic, State-based routing for JavaScript Single Page Apps
Stars: ✭ 112 (-44.28%)
Mutual labels:  transitions
Ui Motion
How to apply meaningful and delightful motion in a sample Android app
Stars: ✭ 165 (-17.91%)
Mutual labels:  transitions
React Native Fluid
Declarative animations for React Native and React Native Web.
Stars: ✭ 92 (-54.23%)
Mutual labels:  transitions
Material Motion Swift
A toolkit for building responsive motion using Core Animation.
Stars: ✭ 1,417 (+604.98%)
Mutual labels:  transitions
Stfalconimageviewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures
Stars: ✭ 1,734 (+762.69%)
Mutual labels:  transitions
Tc Material Design
Série de artigos sobre o Material Design Android
Stars: ✭ 64 (-68.16%)
Mutual labels:  transitions
Animatable Component
Animate once, use Everywhere! 💫
Stars: ✭ 188 (-6.47%)
Mutual labels:  transitions
Lean Mean Drag And Drop
Drag&Drop Sorting and Reordering script for complex nested structures
Stars: ✭ 107 (-46.77%)
Mutual labels:  transitions
React Page Transition
A React component that makes it easy to use the page transitions from the Codedrops page transitions demo with React
Stars: ✭ 145 (-27.86%)
Mutual labels:  transitions
Sunset.css
This library offers a collection of different CSS-powered transitions.
Stars: ✭ 99 (-50.75%)
Mutual labels:  transitions
Slide Menu
A multilevel page menu with a smooth slide effect
Stars: ✭ 105 (-47.76%)
Mutual labels:  transitions
React Navigation Magic Move
Bindings for using react-navigation with react-native-magic-move 🐰🎩✨
Stars: ✭ 132 (-34.33%)
Mutual labels:  transitions
React D3 Transitions
Enter, update and exit pattern using React 15.0, D3 4.0 and Redux
Stars: ✭ 83 (-58.71%)
Mutual labels:  transitions
React Router Native Stack
A stack navigation component for react-router-native
Stars: ✭ 171 (-14.93%)
Mutual labels:  transitions
Highway
Highway - A Modern Javascript Transitions Manager
Stars: ✭ 1,185 (+489.55%)
Mutual labels:  transitions
Teammate Android
A Team Management app for creating tournaments and games for various sports
Stars: ✭ 116 (-42.29%)
Mutual labels:  transitions
Xamarin Forms Page Transitions
Custom page transitions in a Xamarin.Forms App
Stars: ✭ 200 (-0.5%)
Mutual labels:  transitions
Stateful
Finite state machine for Go
Stars: ✭ 172 (-14.43%)
Mutual labels:  transitions
Motion
A library used to create beautiful animations and transitions for iOS.
Stars: ✭ 1,726 (+758.71%)
Mutual labels:  transitions

Loco-MotionLayout

Demo app for the talk "Do the Loco-MotionLayout" presented at droidcon Italy, droidcon Boston, 360AnDev & droidcon London 2019 along with examples using MotionLayout

Video

Watch here

Abstract

You’ve heard, seen or witnessed the buzz around MotionLayout. But what does it look like in real life? What are some of its current limitations? How easy is it to use? Are the demos that you’ve seen actually possible? Or is it all a ruse?

In this session, you’ll use MotionLayout to develop an animation taken straight from a crazy designer’s mock-up. A mock-up that you see and crumble at just how long it would typically take you to build it on Android. Throughout this talk, you’ll see some animated goodness and you’ll learn some of the fundamentals of how MotionLayout works. You’ll find out what a MotionScene is and how you can use it to separate your states and transitions from your layout, how to use click and swipe handling to trigger transitions, how you can take advantage of KeyAttributes to tweak animations at certain frames, how to use CustomAttributes to animate certain parts of a View and more!

You will leave this session armed with the basic knowledge required to start having fun with MotionLayout and creating your own animations and transitions. And you'll realise that the mad animations or transitions that your designers give you are now possible!

To never saying “no” to designers again*!

*Ok, sometimes you’ll still have to say no.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].