Android - Difference between Gridlayout and Staggered Gridlayout

android android-layout android-gridlayout staggeredgridlayout
IBRAR AHMAD picture IBRAR AHMAD · Dec 11, 2015 · Viewed 37.1k times · Source

I am working in android material design api & want to display some data in grid format. I tried both GridLayout and StaggeredGridlayout and both look same. For general information, i want to ask what is the difference between Gridlayout and StaggeredGridlayout?

Thank you.

Answer

Vipul Asri picture Vipul Asri · Dec 11, 2015

Grid View : It is is a ViewGroup that displays items in a two-dimensional, scrollable grid. In this each Grid is of same size (Height and width). Grid View shows symmetric items in view.

Grid View

Staggered Grid View : It is basically an extension to Grid View but in this each Grid is of varying size(Height and width). Staggered Grid View shows asymmetric items in view.

staggered grid view

Tutorial to implement Staggered Grid View :

  1. Staggered Grid View
  2. Pinterest Masonry layout Staggered Grid View

Related questions

GridLayout (not GridView) how to stretch all children evenly

I want to have a 2x2 grid with a buttons inside. This is only ICS so I am trying to use the new GridLayout given. Here's the XML of my layout: <?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:…

Read More
GridLayout Column width

I have 2 columns in my GridLayout. What I want to do is make those columns take up half of the width of the screen each and then have its child contents fill their own cells width/height. I tried setting …

Read More
Can't Solve the Error - View requires API level 14 (current min is 8): <GridLayout>

My Code is - <GridLayout xmlns:android= "http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:columnCount="4" android:orientation="horizontal" > <Button android:text="@string/…

Read More