How to Set a Transparent Background of an ImageView on Android?
Last Updated :
17 Jul, 2022
Android applications use different types of images for displaying within our Image View. Many times we are using an image view which is having a specific background and we have to set the background for that image to be transparent. So that the image will better match the background color of the android application. In this article, we will take a look at How to Set a Transparent Background for our Image View for our android application.
Note: This Android article covered in both Java and Kotlin languages.
Step by Step Implementation
Step 1: Create a New Project in Android Studio
To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio.
Step 2: Adding images to your drawable folder
Copy the image which you want to add and inside the android studio project. Navigate to app>res>drawable. Right-click on it and simply paste your image into the drawable folder.
Step 3: Working with the activity_main.xml file
Navigate to app > res > layout > activity_main.xml and add the code below. Comments are added in the code to get to know in detail.
XML
<? xml version = "1.0" encoding = "utf-8" ?>
< RelativeLayout
android:id = "@+id/idRLContainer"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:orientation = "vertical"
tools:context = ".MainActivity" >
< 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" />
< 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 >
|
Step 4: Working with the MainActivity file
Navigate to app > java > your app’s package name > MainActivity file and add the below code to it. Comments are added in the code to get to know in detail.
Kotlin
package com.gtappdevelopers.kotlingfgproject
import android.os.Bundle
import android.widget.ImageView
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
lateinit var logoIV: ImageView
override fun onCreate(savedInstanceState: Bundle?) {
super .onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
logoIV = findViewById(R.id.idIVLogo)
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 {
private ImageView logoIV;
@Override
protected void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
logoIV = findViewById(R.id.idIVLogo);
logoIV.setBackgroundColor(getResources().getColor(android.R.color.transparent));
}
}
|
Now run your application to see the output of it.
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...