How to create User interface like the attached photo

Question

Can any one tell me what is this photo effect called. And I would like to know how to create an adapter for this attached image effect.

@Edited: This is a sample photo o

Answer 1

You create in this order:

LinearLayout(VERTICAL) with weightSum of 2;

LinearLayout(VERTICAL) with weight of 1 and weightSum of 3;

Inside it will be 3 layouts, horizontal linear layout with weight of .70, horizontal linear layout with weight of .50 and an imageView with weight of 1.80

LinearLayout(VERTICAL) with weight of 1 and weight sum of 3;

Inside it will be 3 linear layouts

2 *(2 of these) -horizontal with weight of .50 and weight sum of 2 inside this horizontal layout will be two image views with a weight of 1 each

thirdly and finally an image view with the weight 1.50

do this and you'l have the correctly weighted layout to your liking