¿Cómo eliminar una imagen de ImageView en Android?

ImageView en Android es un elemento de la interfaz de usuario que se utiliza para mostrar todo tipo de imágenes, imágenes y dibujables. Entonces, si el ancho y la altura de ImageView se configuran para ajustar el contenido, entonces ImageView ocupará el área en la pantalla equivalente a las dimensiones de la imagen. Entonces, si deseamos colapsar un ImageView como parte de cualquier animación o acción, simplemente podemos eliminar la imagen del ImageView. ImageView colapsará a cero ancho y alto ya que estos atributos dependen de las dimensiones de la imagen.

Entonces, en este artículo, le mostraremos cómo puede eliminar una imagen de ImageView en Android. Siga los pasos a continuación una vez que el IDE esté listo.

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Demostramos la aplicación en Kotlin, así que asegúrese de seleccionar Kotlin como idioma principal al crear un nuevo proyecto.

Paso 2: trabajar con el archivo activity_main.xml

Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_main.xml . En esta demostración, eliminaremos una imagen de ImageView con un clic de botón. Entonces agregaremos un ImageView seguido de un Button .

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
    <ImageView
        android:id="@+id/imageview_1"
        android:layout_width="300sp"
        android:layout_height="400sp"
        android:background="@color/black"
        android:src="@drawable/ic_launcher_foreground"
        android:layout_centerInParent="true"/>
  
    <Button
        android:id="@+id/button_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="clear"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/imageview_1"
        android:layout_marginTop="20sp"/>
  
</RelativeLayout>

Paso 3: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt .

package org.geeksforgeeks.removeifromiv
  
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.ImageView
import android.widget.Toast
import java.io.IOException
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing constants for 
        // ImageView and Button from the layout (activity_main.xml)
        val mImageView1 = findViewById<ImageView>(R.id.imageview_1)
        val mButton1 = findViewById<Button>(R.id.button_1)
  
  
        // When button is clicked, ImageView is 
        // attempted to set to null with a Toast message.
        // Else, the exception is handled along with a Toast message.
        mButton1.setOnClickListener {
            try {
                mImageView1.setImageDrawable(null)
                Toast.makeText(applicationContext,"Image removed!", Toast.LENGTH_SHORT).show()
            }
            catch (e:IOException){
                e.printStackTrace()
                Toast.makeText(applicationContext,"Some error occurred!", Toast.LENGTH_SHORT).show()
            }
        }
    }
}

Producción:

Puede ver que cuando hacemos clic en el botón, la imagen se elimina de ImageView.