How to get boxes with shadow on an Android application UI?

Question

I'm going to develop a UI something like the image below, but I don't know how can I get boxes likes this with shadows behind ?

How can I achieve this ? I'm wondering if TableLayout may be a good tool for this but I don't know where to start and how to add shadows. Any helps appreciated.

enter image description here

This might serve as a starting point: http://stackoverflow.com/questions/14930984/extending-android-view-class-to-add-a-dropshadow — An SO User, Aug 27 '13 at 17:37
@LittleChild the problem is I don't know how to create boxes, shadows is my secondary problem. — Michel Gokan Khan, Aug 27 '13 at 17:47
You need to create shapes. Look here: http://mobileappdev.learningtree.com/2012/08/01/customising-buttons-with-android-shape-drawables/ This will show you how to create shapes using XML. — An SO User, Aug 27 '13 at 17:48
@LittleChild really thanks ... how can i make it resizable in portrait and landscape modes ? — Michel Gokan Khan, Aug 27 '13 at 17:54
You can define different layouts for portrait and landscape modes. http://developer.android.com/guide/practices/screens_support.html — An SO User, Aug 27 '13 at 17:59

score 0 · Answer 1 · answered Aug 27 '13 at 18:57

0

Take a look at this blog spot, "Definitely the most helpful post on this subject, 10x." : http://www.uifuel.com/android-creating-a-drop-shadow-in-xml-layout/

answered Aug 27 '13 at 18:57

bashizip

562
5
14

score 0 · Accepted Answer · answered Aug 30 '13 at 15:53

0

You can also use 9-patched images. Here you can find a good tutorial.

answered Aug 30 '13 at 15:53

Michel Gokan Khan

2,525
3
30
54

How to get boxes with shadow on an Android application UI?

2 Answers2