Las aplicaciones de Android utilizan diferentes tipos de imágenes para mostrarlas en nuestra Vista de imágenes. Muchas veces estamos usando una vista de imagen que tiene un fondo específico y tenemos que configurar el fondo para que esa imagen sea transparente. Para que la imagen coincida mejor con el color de fondo de la aplicación de Android. En este artículo, veremos cómo establecer un fondo transparente para nuestra vista de imagen para nuestra aplicación de Android.
Nota : este artículo de Android cubre los lenguajes Java y Kotlin .
Implementación paso a paso
Paso 1: crea un nuevo proyecto en Android Studio
Cómo crear/iniciar un nuevo proyecto en Android Studio
Paso 2: agregar imágenes a su carpeta dibujable
Copie la imagen que desea agregar y dentro del proyecto de estudio de Android. Vaya a aplicación> res> dibujable. Haga clic derecho sobre él y simplemente pegue su imagen en la carpeta dibujable.
Paso 3: trabajar con el archivo activity_main.xml
Vaya a aplicación > res > diseño > actividad_principal.xml y agregue el código a continuación. Se agregan comentarios en el código para conocer en detalle.
XML
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/idRLContainer" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <!--on below line we are creating a text for our app--> <TextView android:id="@+id/idTVHeading" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_above="@id/idIVLogo" android:layout_centerInParent="true" android:layout_margin="20dp" android:gravity="center" android:padding="10dp" android:text="ImageView with Transparent Background in Android" android:textAlignment="center" android:textColor="@color/black" android:textSize="20sp" android:textStyle="bold" /> <!--Image View for adding a transparent background--> <ImageView android:id="@+id/idIVLogo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:layout_margin="20dp" android:src="@drawable/gfglogo" /> </RelativeLayout>
Paso 4: trabajar con el archivo MainActivity
Vaya a aplicación > java > nombre del paquete de su aplicación > archivo MainActivity y agréguele el siguiente código. Se agregan comentarios en el código para conocer en detalle.
Kotlin
package com.gtappdevelopers.kotlingfgproject import android.os.Bundle import android.widget.ImageView import androidx.appcompat.app.AppCompatActivity class MainActivity : AppCompatActivity() { // on the below line we are creating a variable. lateinit var logoIV: ImageView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // on below line we are initializing our variables. logoIV = findViewById(R.id.idIVLogo) // on below line we are setting background color to transparent logoIV.setBackgroundColor(resources.getColor(android.R.color.transparent)) } }
Java
package com.gtappdevelopers.kotlingfgproject; import android.os.Bundle; import android.widget.ImageView; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { // on the below line we are creating variables. private ImageView logoIV; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // on below line we are initializing our variables. logoIV = findViewById(R.id.idIVLogo); // on below line we are setting background color to transparent logoIV.setBackgroundColor(getResources().getColor(android.R.color.transparent)); } }
Ahora ejecute su aplicación para ver el resultado.
Producción:
Publicación traducida automáticamente
Artículo escrito por chaitanyamunje y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA