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”

InstaMaterial concept (part 4) – Feed context menu

InstaMaterial concept (part 4) – Feed context menu

This post is part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll create context menu for feed items opened from “more” button. This element is presented on 18 to 20 seconds time period from 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 4) – Feed context menu”

InstaMaterial concept (part 3) – Feed and comments buttons

This post is part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll take care about some details which we skipped previously. It means that we are still on 9 to 13 seconds time period from 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 3) – Feed and comments buttons”

InstaMaterial concept (part 2) – Comments window transition

This post is part of a series of posts showing Android implementation of INSTAGRAM with Material Design concept. Today we’ll implement transition between feed and comments Activities (showed between 9 and 13 second in concept video). We’ll skip buttons effects (ripples, send-complete animation etc.) and focus only on enter and exit animation for comment’s Acitvity.

Continue reading “InstaMaterial concept (part 2) – Comments window transition”

Instagram with Material Design concept is getting real

A couple months ago, after Google presented Material Design – new design guidelines for mobile and web both, designer Emmanuel Pacamalan created concept video showing what Instagram for Android would look like after aplying Material Design rules:

While it’s only graphic prototype some people started to wonder if it’s possible to implement this in a real application in the relatively simple way. Well, it is. And not only on devices with the latest Android OS – Lillipop. The truth is that we can achieve most of showed graphics and animations effects for a couple years, since Android 4 was released.

Continue reading “Instagram with Material Design concept is getting real”

MultiDex solution for 64k limit in Dalvik.

Almost every Android developer knows sad true – Dalvik, Android’s virtual machine used by applications and some system services has one major limit – single .dex file (bytecode interpreted by Dalvik VM) can have only 64k (exactly 65536) methods.

Continue reading “MultiDex solution for 64k limit in Dalvik.”