How to design this in android? - android

I have a problem with the design of the picture. I have tried many ways to do this. I used GridView to make a similar thing. But in GridView rows columns are equal. Please help me to do this. Suggest me some XML to design a layout like this image.

You can use staggered grid. Use RecyclerView with StaggeredGridLayoutManager.
Check this example:
https://inducesmile.com/android/android-staggeredgridlayoutmanager-example-tutorial/

You can Use RecyclerView to make this kind of layout.
https://developer.android.com/training/material/lists-cards.html

By using staggeredgridview You can acheive this layout

Related

Custom GridLayout

I'm trying to make some auto fill grid, but without know the width from every item. So, the width from child can be deferent in every row and every column. It only depends from a TextView.
I want something like this.
I'm tried with GridLayout and android:numColumns="auto_fit" but isn't what I'm looking for.
I also check this post but is basically same as GridLayout.
Anyone know some other solutions??
Flexbox-Layout is a project by Google to provide both a simple view and a RecyclerView layout manager that does what you want. https://github.com/google/flexbox-layout
I think the following tutorial might be a solution for the current problem u r facing
Tutorial
Hope it helps ;)

How to draw brick patterned view in android

I am working with a gridview and I want to style it according to the following pattern in the image.The gridview must be populated dynamically. Is there a way to achieve this in android?
You can use Recycler View for this. Please refer https://developer.android.com/reference/android/support/v7/widget/RecyclerView.LayoutManager.html
and StaggeredGridLayoutManager
https://developer.android.com/reference/android/support/v7/widget/StaggeredGridLayoutManager.html

How can we achieve this view in android?

What is that in below image? I mean how can we achieve such views in android ? Is it RecyclerView ? or is that different views managed the way that looks ?
you should use StaggeredGridLayoutManager Official docs and here is a nice tutorial

Autosizing GridView

Is there any lib that can help me to achieve what CollagePlus jQuery library does?
I have a list of pictures (link and dimensions). Dimensions could be different and i need to arrange all images inside one view like in attached screen.
Update. I have a listView (RecyclerView), each item could have such gridView - so layout_height has to be wrap_content.
I've tried StaggeredGrid - that's not exactly what i want.
Also tried AsymmetricGridView - very buggy.
the support library there's the new RecyclerView that can achieve exactly that, you just have to use the GridLayoutManager and supply a SpanSizeLookup
here are the links for the docs
https://developer.android.com/reference/android/support/v7/widget/RecyclerView.html
https://developer.android.com/reference/android/support/v7/widget/GridLayoutManager.html
https://developer.android.com/reference/android/support/v7/widget/GridLayoutManager.SpanSizeLookup.html
This should help you achieve what you want. It's etsy's staggered grid view. Well supported.
https://github.com/etsy/AndroidStaggeredGrid

Flipboard android layout choice

I was wondering if anybody had any idea about how to mimic this Flipboard ui in android. I'm thinking that they might be using fragments, using gridview and list view, but the implementation of the gridview makes me wonder. Gridview with rows with three columns and a row with one column confuses me. Any suggestions would be appreciated.
View the Flipboard UI: http://i.stack.imgur.com/hNvxt.jpg
Maybe this library is what you are looking for https://github.com/openaphid/android-flip
What you need is StaggeredGridView.
Maybe this link helps you.
This approach can help to implement such layouts.
Create a gridview or create grid columns
Add this view as Header view for Listview

Categories

Resources