Profile

Cover photo
Nick Butcher
Works at Google
55,708 followers|6,284,897 views
AboutPostsPhotosYouTubeReviews

Stream

Nick Butcher

Shared publicly  - 
 
Check out the latest version of the Google I/O app. Both code and design will be open sourced shortly.
Google Developers originally shared to I/O:
 
Download the Google I/O 2015 Android app! #io15  

Following the release of the I/O schedule last week (https://goo.gl/r6tlfc) on the I/O web app (https://goo.gl/xk3NcN), you can now also customize your schedule and plan your I/O experience via the Android app: https://goo.gl/yLE3bF

Feel free to switch back and forth between the I/O web app and the I/O Android app -- your schedule will always sync between the two. To remain even more in sync, you can enable the Google Calendar integration in the Android app settings to see your I/O schedule alongside your personal events, all in one place.  

In addition to the schedule, the I/O’15 Android app includes the agenda, a video library from past I/Os and an overview of the social conversations happening about the conference on both Google+ and Twitter. By indicating if you’ll be attending in-person or remotely, the app shows you only the content that’s relevant to you - this means onsite attendees are offered facilitated pre-event WiFi configuration and can browse the venue map, while the remote experience shows live streamed content (with closed captions and Cast support).  

New this year: inspired by Google Now, the Explore screen aggregates similar content in cards. We hope this will make it even easier for you to find interesting events to add to your schedule.

Every year we build and open source the I/O mobile app with the goal of providing the developer community with a canonical example of a well designed Android app. This year our development applies Android best practices across testing, architecture, and UI, as well as a full implementation of the material design library. More details about the open source to come soon!

The app release to all users on Google Play might take up to 24 hours, so check back in soon if you’re not seeing it yet.
24 comments on original post
66
12
Jonathan Taliaferro's profile photoJPARDO GO's profile photoBrahim HMEDNA's profile photoShashank Gupta's profile photo
22 comments
 
+Nagesh Susarla Yes.
Add a comment...

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
197
88
Igor Yarmolyk's profile photoygor barboza's profile photoFrancesco Capuzzolo's profile photoBenjamin Gonin's profile photo
11 comments
 
Oh then sorry about that comment
Add a comment...

Nick Butcher

Shared publicly  - 
 
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...

Nick Butcher

Shared publicly  - 
 
 
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
79
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...

Nick Butcher

Shared publicly  - 
 
“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...
Have him in circles
55,708 people
San Juan Islands Real Estate's profile photo
Bill Saimond's profile photo
Arthur Li's profile photo
Atusi Nakamura (中村 敦)'s profile photo
裴子成's profile photo
Chassidy Dupas's profile photo
Jovan Rabor's profile photo
Avrillia crauger's profile photo
TERRESE FANCHER's profile photo

Nick Butcher

Shared publicly  - 
 
Awesome tool.
 
If you've ever taken a screenshot or a screen video from an Android phone, there's a good chance you've been copying and pasting shell commands. I made a tool that does all this in one single click, even on multiple devices at the same time. 

I actually just made this for my team, but it turned out a lot of other people in the company could use it, so I thought other people might find it useful too. 

You can get it here
https://github.com/mortenjust/androidtool-mac
32 comments on original post
75
20
Kapil Sharma's profile photoGeorge Panayi's profile photoDiana Ciocoi's profile photoIrfan Rosandi's profile photo
 
Windows version? 😭
Add a comment...

Nick Butcher

Shared publicly  - 
 
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...

Nick Butcher

Shared publicly  - 
 
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...

Nick Butcher

Shared publicly  - 
 
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
433
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...

Nick Butcher

Shared publicly  - 
 
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.
129
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...
People
Have him in circles
55,708 people
San Juan Islands Real Estate's profile photo
Bill Saimond's profile photo
Arthur Li's profile photo
Atusi Nakamura (中村 敦)'s profile photo
裴子成's profile photo
Chassidy Dupas's profile photo
Jovan Rabor's profile photo
Avrillia crauger's profile photo
TERRESE FANCHER'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