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”

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.”