Feat: Add customizable progress bars and shimmer effect

app/src/main/java/in/iot/lab/androidui_uxlibrary/animations/Shimmer.kt

@@ -0,0 +1,87 @@
+package `in`.iot.lab.androidui_uxlibrary.animations
+
+import androidx.compose.animation.core.animateFloat
+import androidx.compose.animation.core.infiniteRepeatable
+import androidx.compose.animation.core.rememberInfiniteTransition
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.composed
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.onGloballyPositioned
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.IntSize
+import androidx.compose.ui.unit.dp
+
+fun Modifier.shimmer(): Modifier = composed {
+    var size by remember { mutableStateOf(IntSize.Zero) }
+    val transition = rememberInfiniteTransition()
+    val startOffsetX by transition.animateFloat(
+        initialValue = -2 * size.width.toFloat(),
+        targetValue = 2 * size.width.toFloat(),
+        animationSpec = infiniteRepeatable(
+            animation = tween(1000)
+        )
+    )
+
+    background(
+        brush = Brush.linearGradient(
+            colors = listOf(
+                Color(0xFFB8B5B5),
+                Color(0xFF8F8B8B),
+                Color(0xFFB8B5B5),
+            ),
+            start = Offset(startOffsetX, 0f),
+            end = Offset(startOffsetX + size.width.toFloat(), size.height.toFloat())
+        )
+    )
+    .onGloballyPositioned { layoutCoordinates ->
+        size = layoutCoordinates.size
+    }
+}
+
+@Preview
+@Composable
+fun ShimmerPreview() {
+    Column(
+        modifier = Modifier.fillMaxSize()
+            .padding(32.dp),
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        Column(
+            modifier = Modifier
+                .shimmer()
+                .fillMaxWidth()
+                .fillMaxHeight(0.2f),
+
+        ){}
+
+        Box(
+            modifier = Modifier
+                .size(200.dp)
+                .clip(CircleShape)
+                .shimmer()
+
+        ){}
+    }
+
+}

app/src/main/java/in/iot/lab/androidui_uxlibrary/animations/bars.kt

@@ -1,2 +1,115 @@
 package `in`.iot.lab.androidui_uxlibrary.animations
 
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.material3.LinearProgressIndicator
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.StrokeCap
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+
+
+/**
+ * This is the Composable function for the Circular Loading Bar
+ *
+ * @param modifier Modifier to be applied to the layout
+ */
+@Composable
+fun CircularLoadingBar(
+    modifier: Modifier = Modifier,
+    color: Color = Color.Blue,
+    strokeWidth: Dp = 4.dp,
+    trackColor: Color = Color.LightGray,
+    strokeCap: StrokeCap = StrokeCap.Round
+) {
+    CircularProgressIndicator(
+        modifier = modifier,
+        color = color,
+        strokeWidth = strokeWidth,
+        trackColor = trackColor,
+        strokeCap = strokeCap
+    )
+}
+
+/**
+ * This is the Composable function for the Linear Loading Bar
+ *
+ * @param modifier Modifier to be applied to the layout
+ */
+@Composable
+fun LinearLoadingBar(
+    modifier: Modifier = Modifier,
+    color: Color = Color.Blue,
+    trackColor: Color = Color.LightGray,
+    strokeCap: StrokeCap = StrokeCap.Round
+
+) {
+    LinearProgressIndicator(
+        color = color,
+        trackColor = trackColor,
+        strokeCap = strokeCap
+    )
+}
+
+@Preview(showBackground = true)
+@Composable
+fun CircularLoadingBarPreview() {
+    Column(
+        modifier = Modifier.fillMaxSize(),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        CircularLoadingBar(
+            modifier = Modifier.padding(bottom = 32.dp),
+        )
+        CircularLoadingBar(
+            modifier = Modifier.padding(bottom = 32.dp),
+            color = Color.Red,
+            strokeWidth = 8.dp,
+            trackColor = Color.Gray,
+            strokeCap = StrokeCap.Butt
+        )
+        CircularLoadingBar(
+            modifier = Modifier.padding(bottom = 32.dp),
+            color = Color.Green,
+            strokeWidth = 12.dp,
+            trackColor = Color.DarkGray,
+            strokeCap = StrokeCap.Square
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun LinearLoadingBarPreview() {
+    Column(
+        modifier = Modifier.fillMaxSize(),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        LinearLoadingBar(
+        )
+        Spacer(Modifier.padding(bottom = 32.dp))
+        LinearLoadingBar(
+
+            color = Color.Red,
+            trackColor = Color.Gray,
+            strokeCap = StrokeCap.Square
+        )
+        Spacer(Modifier.padding(bottom = 32.dp))
+
+        LinearLoadingBar(
+            color = Color.Green,
+            trackColor = Color.DarkGray,
+            strokeCap = StrokeCap.Butt
+        )
+    }
+}