package
com.geeksforgeeks.jccolorgradient
import
android.os.Bundle
import
androidx.activity.ComponentActivity
import
androidx.activity.compose.setContent
import
androidx.compose.foundation.background
import
androidx.compose.foundation.layout.*
import
androidx.compose.material.*
import
androidx.compose.ui.Alignment
import
androidx.compose.ui.Modifier
import
androidx.compose.ui.graphics.Brush
import
androidx.compose.ui.graphics.Color
import
androidx.compose.ui.unit.dp
import
androidx.compose.ui.unit.sp
class
MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super
.onCreate(savedInstanceState)
setContent {
Scaffold(
topBar = { TopAppBar(title = { Text(
"GFG | Gradient Color Example"
, color = Color.White) }, backgroundColor = Color(
0xff0f9d58
)) },
content = {
Column(Modifier.fillMaxSize(), horizontalAlignment = Alignment.CenterHorizontally, verticalArrangement = Arrangement.Center) {
val colorGreen = Color.Green
val colorRed = Color.Red
val gradientGreenRed = Brush.horizontalGradient(0f to colorGreen, 1000f to colorRed)
Row(
Modifier
.fillMaxWidth()
.height(
100
.dp)
.background(gradientGreenRed)) {
Text(text =
"Horizontal Gradient Green to Red"
, fontSize =
20
.sp)
}
Spacer(modifier = Modifier.height(
100
.dp))
val colorGray = Color.Gray
val colorWhite = Color.White
val gradientGrayWhite = Brush.verticalGradient(0f to colorGray, 1000f to colorWhite)
Row(
Modifier
.fillMaxWidth()
.height(
100
.dp)
.background(gradientGrayWhite)) {
Text(text =
"Vertical Gradient Gray to White"
, fontSize =
20
.sp)
}
Spacer(modifier = Modifier.height(
100
.dp))
val colorCyan = Color.Cyan
val colorBlack = Color.Black
val colorBlue = Color.Blue
val colorMagenta = Color.Magenta
val gradientRadial = Brush.radialGradient(listOf(colorCyan, colorBlack, colorBlue, colorMagenta))
Row(
Modifier
.fillMaxWidth()
.height(
100
.dp)
.background(gradientRadial)) {
Text(text =
"Radial Gradient"
, fontSize =
20
.sp)
}
}
}
)
}
}
}