Profile

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

Stream

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: https://medium.com/@crafty/animation-jump-through-861f4f5b3de4

Or you can jump straight to the code here: https://gist.github.com/nickbutcher/97143b3240682e5c5851fe45b49fde93

#AndroidDev #AndroidDesign #Animation
182
78
Sudhir Khanger's profile photoNick Butcher's profile photoUsman Muhammad Bature's profile photo
9 comments
 
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: j.mp/animatable-slides

#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...
23
19
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: j.mp/animatable-slides (which also has notes in the ℹ️ field).

#AndroidDev #AndroidDesign
30
14
victor noagbodji's profile photoNick Butcher's profile photo
2 comments
 
+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.

https://github.com/nickbutcher/AnimatorDurationTile
76
31
Amit Jayant's profile photoLewis McGeary's profile photoPat Gencarelli's profile photo
4 comments
 
+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:
https://play.google.com/store/apps/details?id=com.genius.android

Plaid:
https://github.com/nickbutcher/plaid




11 comments on original post
20
2
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

Link: http://www.androiddesignpatterns.com/2016/11/introduction-to-icon-animation-techniques.html
18 comments on original post
24
4
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:
http://tools.android.com/recent/androidstudio23canaryavailable

And here are some more details on the new lint features:
http://tools.android.com/tech-docs/lint-in-studio-2-3

7 comments on original post
65
13
Jason ON's profile photoSudhanshu Singh's profile photoTor Norbye's profile photoStefan Sonesson's profile photo
9 comments
 
+Jason ON Sry, I could not resist... http://lmgtfy.com/?q=What%27s+Android+Studio (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. 🚨

http://bit.ly/droidcon-design

Fabulous prizes to be won 🏆 including a 1:1 design review with my talented colleague Nick Bearman, a motion designer here at Google.
28
1
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:

j.mp/animated-icons

It also looks like the live stream of the event is still available, i'm 3hrs30min into this: https://abemafresh.tv/tech-conference/45511

#AndroidDev #AndroidDesign
162
54
Essa Alokozai's profile photoTony Damiani's profile photoEyzak Funk's profile photoArunkumar Chowdhury's profile photo
5 comments
 
Sanjeevani
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
34
16
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:

https://gist.github.com/nickbutcher/53e5d0f8cbd9e0b5b7687c9e8cb6e8b1
 
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.

http://androidbackstage.blogspot.com/2016/08/episode-54-aapt.html
View original post
19
2
The Camerons's profile photo
 
I see what you did there, +Nick Butcher
TO THE PUN CORNER WITH YE!
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
23
7
Nick Butcher's profile photoSvetlozar Kostadinov's profile photooke charles's profile photoh.v.prasanna prasanna's profile photo
11 comments
 
Hi
Add a comment...
Story
Tagline
Android Developer Advocate / Triatha-geek
Introduction
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
Gender
Male
Work
Employment
  • 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
Map
Map
Map
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