Cover photo
Nick Butcher
Works at Google
57,422 followers|9,153,030 views


Nick Butcher

Shared publicly  - 
I recently saw a question on /r/androiddev asking how to implement a fancy animation… and decided to demonstrate how to do it using AnimatedVectorDrawable.

Here's a breakdown of how I did it:

Or you can jump straight to the code here:

#AndroidDev #AndroidDesign #Animation
Sudhir Khanger's profile photoNick Butcher's profile photoUsman Muhammad Bature's profile photo
Its so fantastic
Add a comment...

Nick Butcher

Shared publicly  - 
A better recording of my recent talk Animatable on building beautiful meaningful motion is now available from #droidconUK (slides are animated, which is kinda important for this topic).

Slides available here:

#AndroidDev #AndroidDesign
droidcon London 2016 conference cast. Nick Butcher: A deep dive on designing and building animations and transitions to bring beautiful, meaningful motion in...
Patrick Fuentes's profile photo
This is really great – thanks for sharing!
Add a comment...

Nick Butcher

Shared publicly  - 
The video of my Droidcon NYC talk is now up. In it I go through a number of examples of how and why to build meaningful motion into your apps.

Unfortunately the slides in the video are static so i'd recommend checking out the slide deck here: (which also has notes in the ℹ️ field).

#AndroidDev #AndroidDesign
victor noagbodji's profile photoNick Butcher's profile photo
+Carlos Hernandez Gil I certainly don't!
Add a comment...

Nick Butcher

Shared publicly  - 
Here's a tiny little app to help you to change animation durations from quick settings.

When i'm writing animations, I tend to toggle these settings a lot so found it helpful to turn these into a quick settings tile. Two tiles are actually offered in this app:

– A toggle, between 1x/5x
– A selector which launches a dialog with all of the scales.
Amit Jayant's profile photoLewis McGeary's profile photoPat Gencarelli's profile photo
+Lewis McGeary I feel ashamed, as a would be developer, that I didn't think of it that way
Add a comment...

Nick Butcher

Shared publicly  - 
Looks pretty good to me, great job +Lisa Wray!
Genius 2.0: saved songs, new song page with animations & transitions!

Genius, now with more swag! The idea for the full bleed song header started with our designers, and they worked with me to get the perfect blends of gradients and put up with my endless motion prototypes when I insisted on animating every piece of it individually.

The header effects are inspired by (and heavily based on the implementation of) the support lib's CollapsingTextHelper and the open-source Plaid app by +Nick Butcher. The FAB is anchored to the header in the CoordinatorLayout. The transition is a Fragment shared element transition. Now I've wrapped my head around them, I can't wait to stick them everywhere. I'm planning to soak up more wisdom directly from +Ben Weiss at his +Droidcon NYC Transitions session. Hope to see you there!

We also added saved offline songs, a longtime feature request. Saved songs are an experimental feature, and THEY'RE ANDROID-FIRST!! I've been nursing a blog post about it, but we've been using Realm as our database and it's made building new features like these super easy.

Finally, this release fixes a few N-specific problems with our text rendering. Huge thanks to +Siyamed Sınır for help with some really weird bugs. :)

Genius on the Play Store:


11 comments on original post
keysha Nicole's profile photo
I love that song tho

Add a comment...

Nick Butcher

Shared publicly  - 
An Introduction to Icon Animation Techniques

Week #1: wrote 27 icon animations for Android
Week #2: learned how to animate SVGs using SMIL and CSS
Week #3: learned the basics of Adobe After Effects to create cooler and more advanced icon animation effects
Week #4,5,6: learned JavaScript and ported 19 icon animations from Android to SVG to use as inline blog post demos
Week #7: rewrote and polished a bunch of animations, planned out structure of blog post
Week #8: writing, editting, rewriting, deleting, rewriting again, editting, repeat...

Don't think I have ever worked this much on a single blog post before... but I wouldn't have it any other way. Let me know what you think, and don't forget to share! :D

18 comments on original post
victor noagbodji's profile photo
thanks for sharing : )
Add a comment...

Nick Butcher

Shared publicly  - 
Shiny new Android Studio 2.3 now available in 🐤 channel.
Android Studio 2.3 canary is now available, with many new features and fixes -- see the release notes for more:

And here are some more details on the new lint features:

7 comments on original post
Jason ON's profile photoSudhanshu Singh's profile photoTor Norbye's profile photoStefan Sonesson's profile photo
+Jason ON Sry, I could not resist... (even though I suspect there is irony present) 
Add a comment...

Nick Butcher

Shared publicly  - 
🚨 Today is the last day to enter the #droidconUK motion competition. 🚨

Fabulous prizes to be won 🏆 including a 1:1 design review with my talented colleague Nick Bearman, a motion designer here at Google.
Add a comment...

Nick Butcher

Shared publicly  - 
Thanks to everyone who came to my #DevFest16 talk in Tokyo about creating Animated Icons on Android.

Here are the slides from the talk, be sure to check the ℹ️ field for speaker notes:

It also looks like the live stream of the event is still available, i'm 3hrs30min into this:

#AndroidDev #AndroidDesign
Essa Alokozai's profile photoTony Damiani's profile photoEyzak Funk's profile photoArunkumar Chowdhury's profile photo
Add a comment...

Nick Butcher

Shared publicly  - 
Here are the slides from my #dcnyc16 talk on building beautiful meaningful motion. There are speaker notes in the info field which should help you to follow along.

Video recording to follow at some point.
105 new photos · Album by Nick Butcher
Moritz Post's profile photo
Very nice slides. Love the choreography part. 
Add a comment...

Nick Butcher

Shared publicly  - 
Lots of great resources packaged up in this episode.

If you're looking for an example of the inline definition of resources (especially useful for AnimatedVectorDrawables) then take a look at this gist:
ADB Episode 54: AAPT

This time, +Tor Norbye and I spoke with Adam Lesinski about aapt, past, present, and even maybe a possible future. Tune in to find out more about how this integral tool works and how you can use it more effectively when building your Android apps.
View original post
The Camerons's profile photo
I see what you did there, +Nick Butcher
Add a comment...

Nick Butcher

Shared publicly  - 
Just posted to StylingAndroid: AnimatedVectorDrawable Bundles #AndroidDev #gde #tutorial #android

In this article we look at a new way of packaging AnimatedVectorDrawable
3 comments on original post
Nick Butcher's profile photoSvetlozar Kostadinov's profile photooke charles's profile photoh.v.prasanna prasanna's profile photo
Add a comment...
Android Developer Advocate / Triatha-geek
I work at Google helping people to make awesome Android apps.

In my spare time I like to run and occasionally do triathlons.
Basic Information
  • Google
    Android Developer Advocate, present
Very slick
Public - a month ago
reviewed a month ago
Great views over the harbour
Public - 4 months ago
reviewed 4 months ago
Nice small beach with a good shared picnic area.
Public - 7 months ago
reviewed 7 months ago
22 reviews
Uninspiring but large clean rooms.
Public - 2 months ago
reviewed 2 months ago
Nice rooms.
Public - 6 months ago
reviewed 6 months ago
Faded glory
Public - 7 months ago
reviewed 7 months ago