How to make responsive columns

Question

I'm trying to make a dashboard like app to display real time data to a user in a vehicle with a layout similar to the included screenshot. I've tried googling for a direction to follow to try and mimic google's responsive grid columns design principle. However, I can't find any examples of that principle in practice on android. How would I go about implementing this type of design in android? Would you use Grid Layouts?

Ideally I'd like to be able to have a Grid Layout that has cells that are consistent in size that allow me to span a Card View across columns and rows but I don't know of a way to do this using a Grid layout. Any ideas?

Screenshot: https://gyazo.com/912c3414d9e8d46a1fa4eade54d620e6

Answer 1

Take a look at GridLayout. It will allow you to define a grid and to span columns/rows. I was also going to mention GridView, but I don't think that it allows spanning of cells.

Another possibility is FleboxLayout if you need more flexibility. TableLayout also permits spanning.

You can also build a grid layout directly with ConstraintLayout using the "GuideLine" object.

Those are four layouts that I would consider.