New Compose Multiplatform components arrived on Composables UICheck it out →

Modifier in Compose Ui

alpha

Common

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.7.0-beta04")
}

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
@Sampled
fun AlphaSample() {
    Box(Modifier.size(100.dp).alpha(alpha = 0.5f).background(Color.Red))
}