package
com.example.newcanaryproject
import
android.content.Context
import
android.hardware.Sensor
import
android.hardware.SensorEvent
import
android.hardware.SensorEventListener
import
android.hardware.SensorManager
import
android.icu.text.DateTimePatternGenerator.DisplayWidth
import
android.os.Bundle
import
android.widget.Toast
import
androidx.activity.ComponentActivity
import
androidx.activity.compose.setContent
import
androidx.compose.foundation.*
import
androidx.compose.foundation.layout.*
import
androidx.compose.foundation.lazy.GridCells
import
androidx.compose.foundation.lazy.LazyColumn
import
androidx.compose.foundation.lazy.LazyVerticalGrid
import
androidx.compose.foundation.lazy.itemsIndexed
import
androidx.compose.foundation.shape.RoundedCornerShape
import
androidx.compose.material.*
import
androidx.compose.runtime.*
import
androidx.compose.ui.Alignment
import
androidx.compose.ui.Modifier
import
androidx.compose.ui.draw.clip
import
androidx.compose.ui.graphics.Brush
import
androidx.compose.ui.graphics.Color
import
androidx.compose.ui.layout.Layout
import
androidx.compose.ui.platform.LocalContext
import
androidx.compose.ui.res.painterResource
import
androidx.compose.ui.text.font.FontFamily
import
androidx.compose.ui.text.font.FontWeight
import
androidx.compose.ui.text.style.TextAlign
import
androidx.compose.ui.unit.*
import
coil.compose.rememberAsyncImagePainter
import
com.example.newcanaryproject.ui.theme.*
import
java.util.*
class
MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super
.onCreate(savedInstanceState)
setContent {
NewCanaryProjectTheme {
Surface(
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colors.background
) {
Scaffold(
topBar = {
TopAppBar(backgroundColor = greenColor,
title = {
Text(
text =
"Custom Progress Bar"
,
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Center,
color = Color.White
)
}
)
}
) {
customProgressBar()
}
}
}
}
}
}
@Composable
fun customProgressBar() {
Column(
modifier = Modifier
.fillMaxSize()
.fillMaxWidth()
.fillMaxHeight(),
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center
) {
var progress: Int =
75
;
Box(
modifier = Modifier
.clip(RoundedCornerShape(
15
.dp))
.height(
30
.dp)
.background(Color.Gray)
.width(
300
.dp)
) {
Box(
modifier = Modifier
.clip(RoundedCornerShape(
15
.dp))
.height(
30
.dp)
.background(
Brush.horizontalGradient(
listOf(
Color(
0xFF0F9D58
),
Color(
0xF055CA4D
)
)
)
)
.width(
300
.dp * progress /
100
)
)
Text(
text =
"$progress %"
,
modifier = Modifier.align(Alignment.Center),
fontSize =
15
.sp,
fontWeight = FontWeight.Bold,
color = Color.White
)
}
}
}