Holo Torch App

27 Feb
February 27, 2013

Today I decided to dedicate a few minutes of my time to create* a simple Holo-styled app.
The result is HoloTorch, a sleek Holo style designed Android flashlight/torch app.

How Simple?

The app only has 2 modes: On and Off.
HoloTorch will always start with the On mode so you can quickly light your way.

*The app is based on Colin McDonough’s torch app code.


Ynet Redesign

26 Jan
January 26, 2013

I really don’t have a lot to say about this. I basically hate what the current ynet Android app looks like, and this is what happened over the course of a couple of hours.

The funny thing about this design, is that it’s really very simple to implement (if the ever chose to follow something like this).
There’s nothing insane about it, while it’s so much better than the old version.

The design follows the 16dp/48dp rhytms, and it should be fairly simple to use this design on a Tablet version as well.

Why 48dp?

On average, 48dp translate to a physical size of about 9mm (with some variability). This is comfortably in the range of recommended target sizes (7-10 mm) for touchscreen objects and users will be able to reliably and accurately target them with their fingers.


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…