How to create a view like this

Question

I'm new in android design. I want to create a view like this:

In fact, I want to create two things:

A header like this image header that has an image with a transparent overlay.
Like my header, I want to create recyclerview items, with image and transparent overlay too.

It is necessary to mention that, I want to use Picasso library to show my images.

How to I create this.

Thanks a lot.

What your exact problem? With overlays or with organising items for recycler view? — Michael Spitsin, Jan 11 '17 at 08:19
can you edit your question and add an image showing what you want to achieve(the Header)? The layout that you have shown above can be easily achieved by using a RelativeLayout or a LinearLayout with LinearLayouts as children. — Mohammad Ahsan, Jan 11 '17 at 08:25
Refer to post [Overlay over image](http://stackoverflow.com/questions/20804564/overlay-over-an-imageview-on-android), hope this will help you. — amit srivastava, Jan 11 '17 at 08:29

score 1 · Accepted Answer · answered Jan 11 '17 at 08:44

For grid element you can use RelativeLayout. On the first layer put ImageView with your image, above this you can put View with overlay background (for example semi-transparent black color), and then you can add your text. If you want to create text like on your image (two TextViews above center) you can put empty View element with some height (this height will be like margin between two TextViews) and in top text add layoutAbove="centerViewId" and in bottom text: layoutBelow="centerViewId". I can paste xml code if you want, but I think in this way will teach you more.

How to create a view like this

1 Answers1