Overlay images with Picasso

Question

I have one main product image, which always is displayed in my ImageView. Now it is possible that there are several overlays (which have the same size as the original image, but a lot of transparent areas).

All those images come from remote URLs. E.g.:

Main image

Overlay

Is it possible to load all of them into one ImageView?

Yes..you can do that using FrameLayout – Burhanuddin Rashid Apr 21 '17 at 11:22 — Burhanuddin Rashid, Apr 21 '17 at 11:22
Using multiple ImageViews though? – 4ndro1d Apr 21 '17 at 11:25 — 4ndro1d, Apr 21 '17 at 11:25

score 1 · Accepted Answer · edited May 23 '17 at 12:25

1

You can have your custom ImageView, load bitmaps with Picasso and then draw those bitmaps on canvas:

@Override
protected void onDraw(final Canvas canvas) {
    super.onDraw(canvas);

    canvas.drawBitmap(bitmap1, 0, 0, null); // lower image
    canvas.drawBitmap(bitmap2, 0, 0, null); // upper image
}

edited May 23 '17 at 12:25

Community

1
1

answered Apr 21 '17 at 11:27

azizbekian

60,783
13
169
249

score -1 · Answer 2 · answered Apr 21 '17 at 11:34

You can try this xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/image"
        android:layout_width="60dip"
        android:layout_height="60dip"
        android:adjustViewBounds="true"
        android:layout_centerInParent="true"
        android:scaleType="centerCrop" />

    <ImageView
        android:id="@+id/imagef"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:background="@drawable/ph_bg" />

</RelativeLayout>

I was asking about one ImageView – 4ndro1d Apr 24 '17 at 10:17 — 4ndro1d, Apr 24 '17 at 10:17

Overlay images with Picasso

2 Answers2