How to tiling images?

Question

Android

Good evening. I need to make a gallery with images of different sizes of this kind, how can this be implemented?

Answer 1

well, how-how ... somehow so !

Answer 2

recyclerview to help you

Answer 3

Hello, such markup can be done using RecyclerView + GridLayoutManager.
For the GridLayoutManager, set a custom GridLayoutManager.SpanSizeLookup and determine how many cells the item will occupy in it. For example, like this:

RecyclerView recyclerView = (RecyclerView) findViewById(android.R.id.recycler);
//грид в 3 колонки
GridLayoutManager gridLayoutManager= new GridLayoutManager(context, 3); 
gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        return position == 0 ? 3 : 1;
    }
});
recyclerView.setLayoutManager(gridLayoutManager);

Now the first picture will occupy all 3 columns, and all subsequent ones one at a time.
We figured out the width of the pictures, it remains to deal with the height.
For example, you can do this: so that the height is considered dynamically and depends on the width of the image, let's say height = (width * 3)/4. This can be done by deriving from ImageView and overriding the onMeasure method .
Since the GridLayoutManager will be responsible for the width of the image, and the height will be dynamically calculated, as a result we will get something similar to the second screenshot.
By writing more complex logic in getSpanSize, you can get the markup as in the first screenshot.