Archive for month: December, 2012

Android Snippet: Draw layout to a Bitmap

29 Dec
December 29, 2012

I needed this code for a project, where I needed to capture a certain list item I was rendering into a Bitmap and upload it using Facebook’s SDK.

This snippet basically “screen captures” and draws a certain view and saves it as a Bitmap and is the right way to do this.

Another solution to this is trying to draw everything on Canvas* “manually”, but taking the time to figure out all the bounds and text sizes, and getting the exact positions of things on a canvas sound like a real inconvenience. This makes it the wrong way to do this.

And you’re done!

CardsUI View Library

23 Dec
December 23, 2012

Google’s Now popular Cards UI has everyone in the Android design community excited, including myself.
I developed this for a project I’m working on, and decided to make it abstract and upload it as a library.

You can download the example APK here, or just Clone the library from Bitbucket or from Github, including the example’s app source code and the library’s source code.

It took me a while to get the code together. The view might still be a little flaky from time to time, and the View’s code is NOT well documented, but the example really shows you how simple it is.

Feel welcome to modify any of the code, fork it and pull it.

Layout XML:

Activity Class:

Clone from Bitbucket

Download from GitHub

WhatsApp for Android Redesign – Take One

22 Dec
December 22, 2012

If your’e reading this post, then you probably already know how bad WhatsApp looks on Android (as of December 23rd, 2012).

After seeing Max Salomon’s WhatsApp Messenger for Android redesign last month on Google+ and Android UI Patterns, I started messing around with the same idea this Saturday, as I was bored out of my mind.
This is my take on what WhatsApp Messenger for Android should look like.

I started with favorite UI pattern right now – the Sliding Menu style and kept everything as sleek as possible. The font I used here was Android’s Roboto font. I’m not entirely sure about the Chat activity and some things are still missing, like the attachment icon in the Chat activity and the pinned header list style in the contacts fragment.

Main Activity Contacts Fragment Chat Activity

I’d love the feedback! Let me know what you think below!
This is my first mockup, so be gentle…

By the way, When I tried using WhatsApp later on that very evening, it was a real downer to see its dated design.

Android Developer Icons 2

20 Dec
December 20, 2012

Android Icons WallpaperEven though I already published this icon set on AndroidViews.net, I really want to make sure everyone sees this. I bought this set last week, and completely fell in love with it.

200 icons in different sizes,14 beautiful colors and everything is vector based

Read more →

Android Snippet: Circle Image

20 Dec
December 20, 2012

A few months ago I was working on a project which required me to build a class that would download an image form the web, decode it, crop it, and show it in a circle – with a transparent background behind it, because it had to sit on top of different layout views.

I was only reminded of that seeing Romain Guy‘s blog post regarding images with rounded corners.

The end goal was to show the image just like an ImageView, only in a circle. This required me to extend a View and override the onDraw method to show it.

The circle part was tricky, so I thought I’d share that piece of code…