Profile

Cover photo
Nick Butcher
Works at Google
55,496 followers|6,247,428 views
AboutPostsPhotosYouTubeReviews

Stream

Nick Butcher

Shared publicly  - 
 
Someone asked me today how to add ink ripple¹ touch feedback to an image without having to add additional views to your hierarchy which would hurt performance or memory use.  Here's a couple of approaches: 

1. Wrap the drawable in a RippleDrawable² before setting it on the ImageView:

Drawable image = …
RippleDrawable rippledImage = new RippleDrawable(ColorStateList.valueOf(rippleColor), image, null);
imageView.setImageDrawable(rippledImage);

2. Extend ImageView and add a foreground attribute to it (like FrameLayout has³).  See this example⁴ from +Chris Banes of adding it to a LinearLayout.  If you do this then make sure you pass through the touch co-ordinates so that the ripple starts from the correct point:

   @Override
    public void drawableHotspotChanged(float x, float y) {
        super.drawableHotspotChanged(x, y);
        if (foreground != null) {
            foreground.setHotspot(x, y);
        }
    }

I prefer the second approach as you can declaratively set a ripple drawable as the foreground asset in your layout and not have to worry about adding it once the image loads, somewhat simplifying your code and playing nicely with image loading libs like Picasso.  The first approach can work well in combination with Palette to set a ripple color derived from the image.

#AndroidDev  

¹ http://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-surface-reaction
² https://developer.android.com/reference/android/graphics/drawable/RippleDrawable.html
³ https://developer.android.com/reference/android/widget/FrameLayout.html#attr_android:foreground
https://gist.github.com/chrisbanes/9091754
194
86
Thành Lê Nguyên's profile photoÉdouard Mercier's profile photoIgor Yarmolyk's profile photoygor barboza's profile photo
11 comments
 
Oh then sorry about that comment
Add a comment...
 
And the #materialdesign  updates just keep coming, nice job +Evernote 
68
3
Matt Coddington's profile photoParas Bhatia's profile photo
Add a comment...

Nick Butcher

Shared publicly  - 
 
Well this sure looks like it could be handy, thanks for sharing +Trello & +Daniel Lew!

#AndroidDev  
victor - Use SVGs as resources in Android
46
14
Salvador Gómez's profile photoBjoern Isenbuegel's profile photoSpencer Riddering's profile photoArafat Alomari's profile photo
3 comments
 
I'm looking forward to Trello's next open source releases, Clearance and Roger. Sadly, Otto has already been taken.
Add a comment...
 
Searching…
The material design spec says¹ that “transitioning between two visual states should be clear, smooth and effortless and not confuse the user”.  That's why when I came across this shot² on dribbble I thought it was a pretty funky way to transition from a search icon to a search field.  I then thought that with AnimatedVectorDrawable's³ ability to animate paths, this would be simple.  +Chris Banes said I was crazy so then I had to make it to prove him wrong.

https://gist.github.com/nickbutcher/b3962f0d14913e9746f2

#AndroidDev   #materialdesign  

¹ http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
² https://dribbble.com/shots/1945376-Search
³ https://developer.android.com/reference/android/graphics/drawable/AnimatedVectorDrawable.html
430
146
Heather Milsom's profile photoSteven Low's profile photoMartyn Haigh's profile photoSamson Sargsyan's profile photo
51 comments
 
I bet you couldn't make this work on the web using JS, +Nick Butcher​ ;-]. 
Add a comment...
 
Great write up of applying #materialdesign  to +feedly by +Arthur Bodolec.
A deep dive into what feedly would look like with all the Material Design guidelines applied. By feedly’s lead designer.
128
56
Marion Hayoun's profile photo马林康's profile photoNikos Gkizelis's profile photoStephan Schmitz's profile photo
5 comments
 
Would be very interested to see how that shared element transition with the image, text and row background was implemented... It looks good.
Add a comment...
 
I'll be in Sydney next week, if that's your neck of the woods then come say hi!
 
Possibly the biggest GDG Sydney meetup ever! We'll have many members of the Google Developer Relations team in Sydney next week and this meetup will host several of them for one huge event. 

Topics include:-
* Wearables
* Material design
* Polymer & Web Components
* Living room
* Automotive

We'll be having a fireside chat with the Developer Advocates on the night, so please send us your questions via this Moderator page. 

https://www.google.com/moderator/#16/e=21c450

Some of the Developer Advocates coming to the event include:-
* +Ankur Kotwal 
* +Alex Danilo 
* +Rich Hyndman 
* +Timothy Jordan 
* +Nick Butcher 
* +Paul Kinlan 
* +Magnus Hyttsten (Google Play Services Rocks!)
* +Roman Nurik 

Space is strictly limited so please make sure you register via meetup.com
http://www.meetup.com/gdgsydney/events/219925607/
January GDG Meetup
Tue, January 27, 6:00 PM GMT+11
Google Sydney

1 comment on original post
14
1
Ryan Johnstone's profile photoamor enew's profile photoHesamedin Kamalan's profile photoIan Lake's profile photo
4 comments
 
Come to Malaysia, there are so much coooool And. developers too ;) like me :) 
Add a comment...
In his circles
514 people
Have him in circles
55,496 people
inamullah khan's profile photo
Bujee Jargalsaikhan's profile photo
Rick Tilley's profile photo
裴子成's profile photo
Angelica Martinez's profile photo
Appvolution Technologies's profile photo
Ning Ma's profile photo
Sarah K's profile photo
Lourdes Perez's profile photo
 
And the #materialdesign  updates keep on coming, nice update +Wunderlist.
Get ready to get stuff done the smart way. Arriving today is one of the biggest updates to...
42
4
Vladimir Bjelakovic's profile photoCesar Valiente's profile photoPratama Nur Wijaya's profile photoArafat Alomari's profile photo
3 comments
 
Some feedback for Material Messaging would be awesome. Maybe some ADIA 🙌 https://play.google.com/store/apps/details?id=com.project.materialmessaging
Add a comment...
 
I'm absolutely loving the update to PocketCasts – bravo.

https://play.google.com/store/apps/details?id=au.com.shiftyjelly.pocketcasts

#materialdesign  
 
Congrats to the +Shifty Jelly team on an absolutely fantastic new release! I spent way too much time playing with the new animations.

"App developers of the world, take note: this is how you do a Material Design update."

http://www.androidpolice.com/2015/03/10/pocket-casts-updates-to-v5-0-with-beautiful-material-interface-grab-bag-of-new-features/

Edit: official blog post link:
http://blog.shiftyjelly.com/2015/03/05/its-finally-here/

cc/ +Russell Ivanovic +Philip Simpson 
1 comment on original post
55
6
Spencer Riddering's profile photoSascha Becker's profile photo
Add a comment...
 
 
This has been on my mind lately, so I decided to explore it in a quick opinion piece on AP.
Essentially, those concerned about losing their brand in material design need not worry - there's plenty of room for your brand and Google's new aesthetic suggestions in the same interface.
Google's material design, which I've written about a number of times, has generally been received well by designers, developers, a... by Liam Spradlin in Android OS, Design, Editorials
17 comments on original post
78
19
Andrew Potapov's profile photoDiana Ciocoi's profile photoJoaquim Rocha's profile photoGianni Boffa's profile photo
 
Thanks for the share. Awesome article.
Add a comment...

Nick Butcher

Shared publicly  - 
 
Looking forward to the design focused +Londroid meetup on Thursday with Nick Bearman (a motion designer at Google) speaking about: 

Motion design : It's not just the icing on the cake

See you there?
28
2
Pablo Costa Tirado (Sotti)'s profile photoGiancarlo Fusiello's profile photoSebastiano Poggi's profile photoAndrei Catinean's profile photo
3 comments
 
See you there!
Add a comment...
 
“What if our app is made of this magic paper and magic ink? Wouldn’t it be pleasant and delightful and fun?”
 
Great blog post from +Zarah Dominguez on updating the Domain app for Material (including shoutouts to +Chris Banes and +Richard Fulcher!).

#androiddev   #materialdesign   
Think about an app, any app (but preferably Domain). Take one screen from that app and think about all the elements on that screen. Imagine each of those elements is drawn with ink on a square, rectangular, or circular piece of paper. Next, try fitting those pieces of paper into a glass box.
1 comment on original post
41
15
Russell Wheeler's profile photoDharani Kumar's profile photoRakesh Barik's profile photoErik Eelde's profile photo
 
Saw
Add a comment...
 
 
Hot off the presses:
ADB Episode 21: Material Designification
with +Kirill Grouchnikov 

We talk about redesigning the Play Store (and apps in general) for Material Design. And other stuff. 

We did a bit of post-processing on the audio file this time to try to address the comments of some concerned listeners. Give it a listen and let us know if the volumes and overall quality are more agreeable. Or maybe you were just telling me to turn my mic all the way down?

http://androidbackstage.blogspot.com/2015/02/episode-21-material-designification.html
Tor and Chet are joined by Kirill Grouchnikov from the Play Store team (What, again? Don't these guys know more than twenty developers?) about various aspects of implementing Material Design in applications, including handlin...
6 comments on original post
22
6
Kevin Tan Hong Ann's profile photoDharani Kumar's profile photo
Add a comment...
People
In his circles
514 people
Have him in circles
55,496 people
inamullah khan's profile photo
Bujee Jargalsaikhan's profile photo
Rick Tilley's profile photo
裴子成's profile photo
Angelica Martinez's profile photo
Appvolution Technologies's profile photo
Ning Ma's profile photo
Sarah K's profile photo
Lourdes Perez's profile photo
Work
Employment
  • Google
    Android Developer Advocate, present
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
Excellent service!
Public - a year ago
reviewed a year ago
12 reviews
Map
Map
Map