val horizontalGradient = Brush.horizontalGradient( colors = listOf(MaterialTheme.colors.primary, MaterialTheme.colors.primaryVariant), 0f, 100f ) val verticalGradient = Brush.verticalGradient( colors = listOf(MaterialTheme.colors.primary, MaterialTheme.colors.primaryVariant), startY = 0f, endY = 100f ) Text( text = "Horizontal gradient", style = typography.body2.copy(color = Color.White), modifier = Modifier .padding(12.dp) .clickable(onClick = {}) .clip(RoundedCornerShape(4.dp)) .background(brush = horizontalGradient) .padding(12.dp) ) Text( text = "Vertical gradient", style = typography.body1.copy(color = Color.White), modifier = Modifier .padding(12.dp) .clickable(onClick = {}) .clip(RoundedCornerShape(4.dp)) .background(brush = verticalGradient) .padding(12.dp) )
- Brush.horizontalGradient创建水平渐变,参数包括:渐变的颜色、开始渐变的位置、结束渐变的位置。
- 把渐变设为Text的背景。