Circular ImageView in Android using Jetpack Compose Last Updated : 05 Mar, 2025 Comments Improve Suggest changes Like Article Like Report Circular ImageView is used in many of the apps. These types of images are generally used to represent the profile picture of the user and many more images. We have seen the implementation of ImageView in Android using Jetpack Compose. In this article, we will take a look at the implementation of Circle ImageView in Android using Jetpack Compose. Step-by-Step ImplementationStep 1 : Create a New ProjectTo create a new project in the Android Studio, please refer to How to Create a new Project in Android Studio with Jetpack Compose.Note: Select Kotlin as the programming language.Step 2 : Add an Image to the drawable folderAfter creating a new project we have to add an image inside our drawable folder for displaying that image inside our ImageView. Copy your image from your folder’s location and go inside our project. Inside our project Navigate to the app > res > drawable > Right-click on the drawable folder and paste your image there. Step 3 : Working with the MainActivity.kt fileAfter adding this image navigate to the app > java > MainActivity.kt and add the below code to it. Comments are added inside the code to help you understand the code in more detail.MainActivity.kt: Kotlin package com.geeksforgeeks.demo import android.os.Bundle import androidx.activity.* import androidx.activity.compose.setContent import androidx.compose.foundation.Image import androidx.compose.foundation.layout.* import androidx.compose.foundation.shape.CircleShape import androidx.compose.material3.* import androidx.compose.runtime.* import androidx.compose.ui.* import androidx.compose.ui.draw.clip import androidx.compose.ui.graphics.* import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.res.painterResource import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import com.geeksforgeeks.demo.ui.theme.DemoTheme class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) enableEdgeToEdge() setContent { DemoTheme(dynamicColor = false, darkTheme = false) { Surface(color = Color.White) { CircularImageExample() } } } } } @Preview(showSystemUi = true) @Composable fun CircularImageExample() { Column( modifier = Modifier .fillMaxWidth() .fillMaxHeight(), verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally, ) { val painter = painterResource(id = R.drawable.gfg_logo) Card( modifier = Modifier.size(150.dp), shape = CircleShape, colors = CardDefaults.cardColors(Color.White), elevation = CardDefaults.cardElevation(18.dp), ) { Image( painter = painter, contentDescription = "Sample Image", modifier = Modifier .fillMaxSize() .clip(CircleShape) .padding(16.dp), alignment = Alignment.Center, contentScale = ContentScale.Fit, alpha = DefaultAlpha, ) } } } Output: Comment More infoAdvertise with us Next Article Circular ImageView in Android using Jetpack Compose C chaitanyamunje Follow Improve Article Tags : Android Technical Scripter 2020 Android-Jetpack Similar Reads ImageView in Android using Jetpack Compose Images, graphics, and vectors attract many users as they provide a lot of information in a very informative way. ImageView in Android is used to display different types of images, from drawables to Bitmaps. In this article, we will take a look at the implementation of an ImageView in Android using J 3 min read Image Color Picker in Android using Jetpack Compose Many android applications require functionality in which the user should be able to pick the color from the image which is present within the android application. In this article, we will take a look at How to implement Image Color Picker in Android applications using Jetpack Compose. We will be abl 5 min read Color Gradient in Android using Jetpack Compose In computer graphics, a color gradient specifies a range of position-dependent colors, usually used to fill a region. More than one color is displayed in a gradient where there is a color transition between any two colors. Most commonly, this transition could be vertical, horizontal, or radial. In t 3 min read Android GridView using Jetpack Compose GridView is the grid form of view in which the items within the grid are arranged in the grid layout. The data within the grid is to be added from the database or from the array list. In this article, we will be building a simple application for displaying the different programming languages within 6 min read Custom Chips using Jetpack Compose in Android Chips in android are one of the components which are used to make the choice filters, actions, and display the selectable options in the compact area of the Android Window. In this article, we will use Android's Jetpack Compose to create those chips. A sample image is given below to give an idea of 5 min read Like