We just launched Compose Examples featuring over 150+ components! Check it out →

alpha

Common

Modifier in Compose Ui

Draw content with modified alpha that may be less than 1.

Usage of this API renders this composable into a separate graphics layer. Note when an alpha less than 1.0f is provided, contents are implicitly clipped to their bounds. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.

Last updated:

Installation

dependencies {
   implementation("androidx.compose.ui:ui:1.8.0-alpha01")
}

Overloads

@Stable
fun Modifier.alpha(
    /*@FloatRange(from = 0.0, to = 1.0)*/
    alpha: Float
)

Parameters

namedescription
alphathe fraction of children's alpha value and must be between 0 and 1, inclusive.

Code Example

AlphaSample

@Composable
fun AlphaSample() {
    Box(Modifier.size(100.dp).alpha(alpha = 0.5f).background(Color.Red))
}
by @alexstyl