Android Compose – Set Transparency for Image
To set alpha or transparency for Image in Android Compose, assign required alpha value for alpha
parameter of Image. alpha
parameter of Image accepts a float value between 0.0 and 1.0 corresponding to full transparency to no transparency, respectively.
The following code snippet shows how to set alpha or transparency for Image with 0.2
.
Image(
painter = painterResource(id = R.drawable.flower),
contentDescription = null,
alpha = 0.2F,
)
Example
In this example, let us display two Image views. The first Image will have a alpha of 0.2 (transparency of 80%) and the second Image will have a default alpha, which is 1.0 (transparency of 0%).
Create a Project in Android Studio with Empty Compose Activity template, and modify MainActivity.kt file as shown in the following.
MainActivity.kt
package com.example.myapplication
import android.os.Bundle
import androidx.activity.compose.setContent
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.unit.dp
import com.example.myapplication.ui.theme.MyApplicationTheme
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
MyApplicationTheme {
Column(
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier.fillMaxWidth(), content = {
Spacer(modifier = Modifier.height(10.dp))
Image(
painter = painterResource(id = R.drawable.flower),
contentDescription = null,
alpha = 0.2F,
)
Spacer(modifier = Modifier.height(10.dp))
Image(
painter = painterResource(id = R.drawable.flower),
contentDescription = null,
)
}
)
}
}
}
}
Screenshot
Conclusion
In this Android Jetpack Compose Tutorial, we learned how to set the alpha or transparency for Image, using alpha
parameter.