Duplicating title bar shadow

Question

How would I go about implementing a shadow like the one you see under the title bar? I know this can be done (see for example the app "Andlytics", where this effect shows on the bottom as well).

My best guess is that it's a banner image used as the background for the layout. But maybe there is a better way?

Can you show a image of this effect? – Gabriel Negut Jun 04 '11 at 20:32 — Gabriel Negut, Jun 04 '11 at 20:32

score 2 · Answer 1 · answered Jun 04 '11 at 20:52

2

I'm guessing it is probably achieved by using a 9-patch with a gradient on the top edge and corners as the layout background. I don't know of any better way, but this should be pretty simple to implement.

answered Jun 04 '11 at 20:52

Gabriel Negut

13,860
4
38
45

Hmm ok I was hoping for a comfiguratio or method but this sg ould be ok. Thanks – Jason Jun 04 '11 at 20:57

score 2 · Answer 2 · edited May 23 '17 at 10:30

2

Take a look at this question: Custom ImageView with drop shadow

edited May 23 '17 at 10:30

Community

1
1

answered Jun 04 '11 at 20:58

inazaruk

74,247
24
188
156

Intresting, ill give it a try tommorow and make it work on a layout – Jason Jun 04 '11 at 21:12

score 2 · Accepted Answer · answered Jun 04 '11 at 23:13

2

I looked through the images in the SDK's data/res folder and I found what is probably being used: title_bar_shadow.9.png . Errr, can't attach it here, but you should be able to find it in your android-sdk-location/platforms/android-N/data/res/drawable-hdpi/ folder.

answered Jun 04 '11 at 23:13

dmon

30,048
8
87
96

Intersting ill check it out in a few hours – Jason Jun 05 '11 at 07:33
All answers are valid but this is the one I've gone with – Jason Jun 05 '11 at 15:08

score 1 · Answer 4 · answered Apr 01 '15 at 20:39

Or we could use a gradient - and Android seems to be going that way. In later versions of the platform SDK code, the title bar image is replaced by action_bar_divider.xml.

The divide is nothing but:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:startColor="#ffe1e2e4"
    android:endColor="#ff95979a"
    android:angle="270" />
</shape>

You can use it in an image view just below your title bar.

Duplicating title bar shadow

4 Answers4