GridView with different number of columns for each row

Asked Feb 18 '16 at 07:17

Active Feb 19 '16 at 05:14

Viewed 91 times

I have a GridView in which I need to show images. I have applied below logic:

If 1 Photo : 1 row and 1 col and full width image.
If 2 Photos : 1 row and 2 cols with equal width of both images (half of screen width)
If 3 photos: 2 rows. 1st row will be having 1 col (1 image with full width)
and 2nd row will be having 2 images with equal width (half of screen width)

If 4 or more photos : width will be half for each column.

I have managed for the rest cases, the only problem is to set for case 3 when I am having 3 photos. I want 1 full width photo in 2 row ans 2 equal half width photos in 2nd row but my code giving me 2 half equal width photos in 1st row and 1 half width photo in 2nd row.

I need to use Gridview only, please tell me if this can be possible using Gridview.

Please help me if you have any idea here.

Thank you so much.

I want to have below layout:

edited Feb 19 '16 at 05:14

asked Feb 18 '16 at 07:17

Prithniraj Nicyone

5,021
13
52
78

Yes it may be, but I did not find any solution in this questions. – Prithniraj Nicyone Feb 18 '16 at 07:27
Refer to this answer: http://stackoverflow.com/a/19741788/2555668 – usamazf Feb 18 '16 at 07:32
I have checked this answer but I do not want what they implemented. I cannot have a different view for large image, I need to handle all the images using Gridview only. – Prithniraj Nicyone Feb 18 '16 at 07:34
As far as I know it is not possible to span a grid view. – usamazf Feb 18 '16 at 07:44
can you post sample pic for that – Ravi Vaghela Feb 18 '16 at 08:02
I am referring the same layout which facebook uses to show photos in news feeds. – Prithniraj Nicyone Feb 18 '16 at 08:26
I have added a screenshot, please look at it. – Prithniraj Nicyone Feb 19 '16 at 05:14

GridView with different number of columns for each row

0 Answers0