Прозрачный макет над изображением с загрузкой и отменой загрузки изображения, например, WhatsApp

Question

Просмотр изображений с прозрачным макетом над ним с индикатором выполнения, показывающим ход загрузки. Так же, как WhatsApp при получении изображения в imageview

Answer 1

Попробуйте это

<?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="wrap_content">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:background="#54ff0000"
        android:orientation="vertical">

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="top"
            android:src="@drawable/ic_close_black_24dp" />

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_centerInParent="true"
            android:layout_gravity="bottom|right"
            android:src="@drawable/close2" />


    </RelativeLayout>

</RelativeLayout>

@ drawable / ic_close_black_24dp

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0">
    <path
        android:fillColor="#FF0"
        android:pathData="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z"/>
</vector>

ВЫХОД

Answer 2

Нет необходимости добавлять дополнительный слой при просмотре изображений

1) сначала загрузить изображение, используя любую из библиотек загрузки изображений, например Glide или Picasso

2) Теперь пользователь начинает загрузку изображения, в это время установите альфа-0 для imageview

3), теперь измените альфа-значение в соответствии с процентом, напр.Ваше изображение загружено на 50%, чем установлено альфа 0.50

Будет работать нормально