RecyclerView animations – AndroidDevSummit write-up

RecyclerView Animations and Behind the Scenes – One more time we’re going back to this presentation. It’s a fact that list views (or more generic – collection views) are the most common used view patterns in apps, across all mobile platforms. So that it’s very important to know them as well as possible.
Today based on AndroidDev Summit presentation we’ll look closer at RecyclerView items animations. Continue reading “RecyclerView animations – AndroidDevSummit write-up”

Twitter’s like animation in Android – alternative

Some time ago Twitter presented Hearts – replacement for star icons, with modern delightful animation of their state change.

Continue reading “Twitter’s like animation in Android – alternative”

InstaMaterial – RecyclerView animations done right (thanks to Android Dev Summit!)

We live in times where apps have to be not only useful but also smooth and delightful. Times slightly different than a couple years ago where all we had to do was just notifyDataSetChanged() on ListView adapter. Screen just blinked, new data appeared and that’s all.
Today, in a times of RenderThread, MaterialDesign animations and transitions app should show exactly what’s happening. User should see when data from his collection just changed or when something new appeared or/and was removed.

Continue reading “InstaMaterial – RecyclerView animations done right (thanks to Android Dev Summit!)”

InstaMaterial meets Design Support Library

A couple months ago I started InstaMaterial series. The goal was simple – to prove that it is pretty straightforward to implement all those fancy animations and UI effects showed in Material Design guidelines. Now it becomes even easier – Google gave us Android Design Support Library which provides all the most important UI elements introduced in Material Design. In this post I’d like to update InstaMaterial source code from custom views implementations to those provided by this library. Continue reading “InstaMaterial meets Design Support Library”

Instagram with Material Design concept is getting real – The Summary

This is just a summary of series of posts showing Android implementation of INSTAGRAM with Material Design concept. If you read previous posts about InstaMaterial project, you can skip this one.

A couple months ago I started to work on project which implements almost all visual effects showed in the video created by designer Emmanuel Pacamalan. This video presents new Google design guidelines – Material Design. Everything looked great, but some people started to worry about the bigges problem of Android platform – fragmentation. Material Design was presented with the newest Android system – 5.0 Lollipop which adoption rate looks like below:

Android Statistics

Still less than 5% at this moment (first half of March 2015). Not so good, right? Continue reading “Instagram with Material Design concept is getting real – The Summary”

InstaMaterial concept (part 9) – Photo publishing

This post is the last part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll finally finish our project by creating the last elements – PublishActivity and SendingProgressView. This functionality is presented between the 41st and 49th second of the concept video.

APK file which has been built from code described in today’s post is available here. Yes, this is the final version of InstaMaterial. 😄

Here is the final effect implemented in this post (video which presents the whole project will be shown in next, the summary post):

Continue reading “InstaMaterial concept (part 9) – Photo publishing”

InstaMaterial concept (part 8) – Capturing photo

This post is a part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll create flow for photo capturing. This functionality is presented between the 38th and 41st second of the concept video. We’ll omit some details (like FAB button animation, colors, icons) because of a little more work with camera implementation. We’ll back to them in next (probably the last) post of series.

According to previous post, I have to mention that InstaMaterial application has been removed from Google Play Store because of violation of the intellectual property. I fully undertand this reason and in close future I’ll probably prepare version with different layout which is completely different from Instagram application (but still has all features presented in concept video).

APK file built from code described in today’s post is available here.

Continue reading “InstaMaterial concept (part 8) – Capturing photo”

InstaMaterial concept (part 7) – Navigation Drawer

This post is a part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll create Navigation Drawer – left sliding panel which shows global application menu. This element is presented between the 32nd and 35th second of the concept video.

Also we’ll create DrawerLayoutInstaller – simple tool for injecting DrawerLayout into Activity layout without messing with xml file.

Continue reading “InstaMaterial concept (part 7) – Navigation Drawer”

InstaMaterial concept (part 6) – User profile

This post is a part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll create user profile presented between the 29th and 33rd second of the concept video.

This is the final effect described in today’s post (for both Android Lollipop and pre-21 versions):

Continue reading “InstaMaterial concept (part 6) – User profile”

InstaMaterial concept (part 5) – Like action effects

This post is part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll create like effects in feed items which are presented between the 20th and 27th second of the concept video.

Continue reading “InstaMaterial concept (part 5) – Like action effects”