update demos

Author: SmartToolFactory

README.md

@@ -2,6 +2,11 @@
 Colorful sliders that can have Solid or Gradient colors for thumb or track which can have
  thumb and track with varying sizes.
 
+| Dimensions | Gradient1 | Gradient2 | SliderWithTitle |
+| ----------|-----------| -----------| -----------|
+| <img src="./screenshots/slider1.gif"/> | <img src="./screenshots/slider2.gif"/> | <img src="./screenshots/slider3.gif"/> |  <img src="./screenshots/slider4.gif"/> |
+
+
 ### ColorfulSlider
 Sliders that can use Color or gradient for track, thumb, or tick colors with custom
 thumb and track heights. 

app/build.gradle

@@ -56,6 +56,10 @@ dependencies {
     implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.4.1'
     implementation 'androidx.activity:activity-compose:1.4.0'
 
+    implementation 'com.google.accompanist:accompanist-systemuicontroller:0.24.3-alpha'
+    implementation "com.google.accompanist:accompanist-pager:0.24.3-alpha"
+    implementation "com.google.accompanist:accompanist-pager-indicators:0.24.3-alpha"
+
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.3'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'

app/src/main/java/com/smarttoolfactory/composematerialslider/demo/GradientSliders.kt renamed to app/src/main/java/com/smarttoolfactory/composematerialslider/GradientSliders.kt

@@ -1,4 +1,4 @@
-package com.smarttoolfactory.composematerialslider.demo
+package com.smarttoolfactory.composematerialslider
 
 import androidx.annotation.FloatRange
 import androidx.compose.foundation.layout.Box
@@ -387,7 +387,7 @@ fun CheckeredColorfulSlider(
             coerceThumbInTrack = true,
             colors = MaterialSliderDefaults.materialColors(
                 activeTrackColor = SliderBrushColor(brush = brush),
-                inactiveTickColor = SliderBrushColor(color = ActiveTrackColor.copy(.24f))
+                inactiveTrackColor = SliderBrushColor(color = Color.Transparent)
             ),
             drawInactiveTrack = false
         )

app/src/main/java/com/smarttoolfactory/composematerialslider/MainActivity.kt

@@ -0,0 +1,98 @@
+package com.smarttoolfactory.composematerialslider
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.compose.animation.ExperimentalAnimationApi
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.*
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.google.accompanist.pager.*
+import com.smarttoolfactory.composematerialslider.demo.ColorfulSliderDemo
+import com.smarttoolfactory.composematerialslider.demo.SliderGradientDemo
+import com.smarttoolfactory.composematerialslider.demo.SliderGradientDemo2
+import com.smarttoolfactory.composematerialslider.demo.SliderPropertiesDemo
+import com.smarttoolfactory.composematerialslider.ui.theme.ComposeMaterialSliderTheme
+import kotlinx.coroutines.launch
+
+@ExperimentalPagerApi
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            ComposeMaterialSliderTheme {
+                // A surface container using the 'background' color from the theme
+                Surface(color = MaterialTheme.colors.background) {
+                    Column(
+                        modifier = Modifier.fillMaxSize()
+                    ) {
+                        HomeContent()
+                    }
+                }
+            }
+        }
+    }
+}
+
+@ExperimentalPagerApi
+@OptIn(ExperimentalAnimationApi::class)
+@Composable
+private fun HomeContent() {
+
+    val pagerState: PagerState = rememberPagerState(initialPage = 0)
+    val coroutineScope = rememberCoroutineScope()
+
+    ScrollableTabRow(
+        backgroundColor = Color(0xff00897B),
+        contentColor = Color.White,
+        edgePadding = 8.dp,
+        // Our selected tab is our current page
+        selectedTabIndex = pagerState.currentPage,
+        // Override the indicator, using the provided pagerTabIndicatorOffset modifier
+        indicator = { tabPositions ->
+            TabRowDefaults.Indicator(
+                Modifier.pagerTabIndicatorOffset(pagerState, tabPositions)
+            )
+        }
+    ) {
+        // Add tabs for all of our pages
+        tabList.forEachIndexed { index, title ->
+            Tab(
+                text = { Text(title) },
+                selected = pagerState.currentPage == index,
+                onClick = {
+                    coroutineScope.launch {
+                        pagerState.animateScrollToPage(index)
+                    }
+                },
+            )
+        }
+    }
+
+    HorizontalPager(
+        state = pagerState,
+        count = tabList.size
+    ) { page: Int ->
+
+        when (page) {
+            0 -> ColorfulSliderDemo()
+            1 -> SliderGradientDemo()
+            2 -> SliderGradientDemo2()
+            else -> SliderPropertiesDemo()
+        }
+    }
+}
+
+internal val tabList =
+    listOf(
+        "Slider Dimensions",
+        "Slider Gradients1",
+        "Slider Gradients2",
+        "Slider Properties",
+    )
+