Add LineFill and AreaFill to LineCartesianLayer, and make `Dyna…

…micShader`-related updates (WIP)

Co-authored-by: Patryk Goworowski <patrykgoworowski@gmail.com>

sample/src/main/java/com/patrykandpatrick/vico/sample/showcase/charts/Chart1.kt

@@ -30,12 +30,11 @@ import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLineCartesianLa
 import com.patrykandpatrick.vico.compose.cartesian.rememberCartesianChart
 import com.patrykandpatrick.vico.compose.cartesian.rememberVicoZoomState
 import com.patrykandpatrick.vico.compose.common.data.rememberExtraLambda
-import com.patrykandpatrick.vico.compose.common.shader.color
+import com.patrykandpatrick.vico.compose.common.fill
 import com.patrykandpatrick.vico.core.cartesian.axis.BaseAxis
 import com.patrykandpatrick.vico.core.cartesian.data.CartesianChartModelProducer
 import com.patrykandpatrick.vico.core.cartesian.data.lineSeries
 import com.patrykandpatrick.vico.core.cartesian.layer.LineCartesianLayer
-import com.patrykandpatrick.vico.core.common.shader.DynamicShader
 import com.patrykandpatrick.vico.databinding.Chart1Binding
 import com.patrykandpatrick.vico.sample.showcase.UIFramework
 import com.patrykandpatrick.vico.sample.showcase.rememberMarker
@@ -69,7 +68,7 @@ private fun ComposeChart1(modelProducer: CartesianChartModelProducer, modifier:
       rememberCartesianChart(
         rememberLineCartesianLayer(
           LineCartesianLayer.LineProvider.series(
-            rememberLine(DynamicShader.color(Color(0xffa485e0)))
+            rememberLine(remember { LineCartesianLayer.LineFill.single(fill(Color(0xffa485e0))) })
           )
         ),
         startAxis = rememberStartAxis(),

sample/src/main/java/com/patrykandpatrick/vico/sample/showcase/charts/Chart3.kt

@@ -36,8 +36,8 @@ import com.patrykandpatrick.vico.compose.cartesian.rememberFadingEdges
 import com.patrykandpatrick.vico.compose.cartesian.rememberVicoZoomState
 import com.patrykandpatrick.vico.compose.common.component.rememberShapeComponent
 import com.patrykandpatrick.vico.compose.common.component.rememberTextComponent
+import com.patrykandpatrick.vico.compose.common.fill
 import com.patrykandpatrick.vico.compose.common.of
-import com.patrykandpatrick.vico.compose.common.shader.color
 import com.patrykandpatrick.vico.core.cartesian.HorizontalLayout
 import com.patrykandpatrick.vico.core.cartesian.axis.VerticalAxis
 import com.patrykandpatrick.vico.core.cartesian.data.AxisValueOverrider
@@ -46,7 +46,6 @@ import com.patrykandpatrick.vico.core.cartesian.data.lineSeries
 import com.patrykandpatrick.vico.core.cartesian.layer.LineCartesianLayer
 import com.patrykandpatrick.vico.core.cartesian.marker.DefaultCartesianMarker
 import com.patrykandpatrick.vico.core.common.Dimensions
-import com.patrykandpatrick.vico.core.common.shader.DynamicShader
 import com.patrykandpatrick.vico.core.common.shape.Shape
 import com.patrykandpatrick.vico.databinding.Chart3Binding
 import com.patrykandpatrick.vico.sample.showcase.Defaults
@@ -86,7 +85,9 @@ private fun ComposeChart3(modelProducer: CartesianChartModelProducer, modifier:
       rememberCartesianChart(
         rememberLineCartesianLayer(
           lineProvider =
-            LineCartesianLayer.LineProvider.series(rememberLine(DynamicShader.color(lineColor))),
+            LineCartesianLayer.LineProvider.series(
+              rememberLine(remember { LineCartesianLayer.LineFill.single(fill(lineColor)) })
+            ),
           axisValueOverrider = axisValueOverrider,
         ),
         startAxis =

sample/src/main/java/com/patrykandpatrick/vico/sample/showcase/charts/Chart4.kt

@@ -32,14 +32,13 @@ import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLineCartesianLa
 import com.patrykandpatrick.vico.compose.cartesian.rememberCartesianChart
 import com.patrykandpatrick.vico.compose.cartesian.rememberVicoZoomState
 import com.patrykandpatrick.vico.compose.common.component.rememberLineComponent
-import com.patrykandpatrick.vico.compose.common.shader.color
+import com.patrykandpatrick.vico.compose.common.fill
 import com.patrykandpatrick.vico.compose.common.shape.rounded
 import com.patrykandpatrick.vico.core.cartesian.data.CartesianChartModelProducer
 import com.patrykandpatrick.vico.core.cartesian.data.columnSeries
 import com.patrykandpatrick.vico.core.cartesian.data.lineSeries
 import com.patrykandpatrick.vico.core.cartesian.layer.ColumnCartesianLayer
 import com.patrykandpatrick.vico.core.cartesian.layer.LineCartesianLayer
-import com.patrykandpatrick.vico.core.common.shader.DynamicShader
 import com.patrykandpatrick.vico.core.common.shape.Shape
 import com.patrykandpatrick.vico.databinding.Chart4Binding
 import com.patrykandpatrick.vico.sample.showcase.Defaults
@@ -100,7 +99,7 @@ private fun ComposeChart4(modelProducer: CartesianChartModelProducer, modifier:
         rememberLineCartesianLayer(
           LineCartesianLayer.LineProvider.series(
             rememberLine(
-              shader = DynamicShader.color(lineColor),
+              fill = remember { LineCartesianLayer.LineFill.single(fill(lineColor)) },
               pointConnector = remember { LineCartesianLayer.PointConnector.cubic(curvature = 0f) },
             )
           )

sample/src/main/java/com/patrykandpatrick/vico/sample/showcase/charts/Chart7.kt

@@ -35,10 +35,10 @@ import com.patrykandpatrick.vico.compose.cartesian.rememberCartesianChart
 import com.patrykandpatrick.vico.compose.cartesian.rememberVicoZoomState
 import com.patrykandpatrick.vico.compose.common.component.rememberShapeComponent
 import com.patrykandpatrick.vico.compose.common.component.rememberTextComponent
+import com.patrykandpatrick.vico.compose.common.fill
 import com.patrykandpatrick.vico.compose.common.of
 import com.patrykandpatrick.vico.compose.common.rememberLegendItem
 import com.patrykandpatrick.vico.compose.common.rememberVerticalLegend
-import com.patrykandpatrick.vico.compose.common.shader.color
 import com.patrykandpatrick.vico.compose.common.shape.rounded
 import com.patrykandpatrick.vico.compose.common.vicoTheme
 import com.patrykandpatrick.vico.core.cartesian.CartesianDrawContext
@@ -48,7 +48,6 @@ import com.patrykandpatrick.vico.core.cartesian.data.CartesianChartModelProducer
 import com.patrykandpatrick.vico.core.cartesian.data.lineSeries
 import com.patrykandpatrick.vico.core.cartesian.layer.LineCartesianLayer
 import com.patrykandpatrick.vico.core.common.Dimensions
-import com.patrykandpatrick.vico.core.common.shader.DynamicShader
 import com.patrykandpatrick.vico.core.common.shape.Shape
 import com.patrykandpatrick.vico.databinding.Chart7Binding
 import com.patrykandpatrick.vico.sample.showcase.Defaults
@@ -99,7 +98,10 @@ private fun ComposeChart7(modelProducer: CartesianChartModelProducer, modifier:
         rememberLineCartesianLayer(
           LineCartesianLayer.LineProvider.series(
             chartColors.map { color ->
-              rememberLine(shader = DynamicShader.color(color), backgroundShader = null)
+              rememberLine(
+                fill = remember { LineCartesianLayer.LineFill.single(fill(color)) },
+                areaFill = null,
+              )
             }
           )
         ),

sample/src/main/java/com/patrykandpatrick/vico/sample/showcase/charts/Chart8.kt

@@ -33,15 +33,14 @@ import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLineCartesianLa
 import com.patrykandpatrick.vico.compose.cartesian.rememberCartesianChart
 import com.patrykandpatrick.vico.compose.cartesian.rememberVicoZoomState
 import com.patrykandpatrick.vico.compose.common.component.rememberLineComponent
-import com.patrykandpatrick.vico.compose.common.shader.color
+import com.patrykandpatrick.vico.compose.common.fill
 import com.patrykandpatrick.vico.core.cartesian.axis.AxisPosition
 import com.patrykandpatrick.vico.core.cartesian.axis.BaseAxis
 import com.patrykandpatrick.vico.core.cartesian.data.CartesianChartModelProducer
 import com.patrykandpatrick.vico.core.cartesian.data.columnSeries
 import com.patrykandpatrick.vico.core.cartesian.data.lineSeries
 import com.patrykandpatrick.vico.core.cartesian.layer.ColumnCartesianLayer
 import com.patrykandpatrick.vico.core.cartesian.layer.LineCartesianLayer
-import com.patrykandpatrick.vico.core.common.shader.DynamicShader
 import com.patrykandpatrick.vico.core.common.shape.Shape
 import com.patrykandpatrick.vico.databinding.Chart8Binding
 import com.patrykandpatrick.vico.sample.showcase.Defaults
@@ -104,7 +103,9 @@ private fun ComposeChart8(modelProducer: CartesianChartModelProducer, modifier:
         ),
         rememberLineCartesianLayer(
           lineProvider =
-            LineCartesianLayer.LineProvider.series(rememberLine(DynamicShader.color(color4))),
+            LineCartesianLayer.LineProvider.series(
+              rememberLine(remember { LineCartesianLayer.LineFill.single(fill(color4)) })
+            ),
           verticalAxisPosition = AxisPosition.Vertical.End,
         ),
         startAxis = rememberStartAxis(guideline = null),

sample/src/main/java/com/patrykandpatrick/vico/sample/showcase/charts/Chart9.kt

@@ -39,8 +39,9 @@ import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLineCartesianLa
 import com.patrykandpatrick.vico.compose.cartesian.rememberCartesianChart
 import com.patrykandpatrick.vico.compose.common.component.rememberLineComponent
 import com.patrykandpatrick.vico.compose.common.component.rememberShapeComponent
+import com.patrykandpatrick.vico.compose.common.component.shapeComponent
+import com.patrykandpatrick.vico.compose.common.fill
 import com.patrykandpatrick.vico.compose.common.of
-import com.patrykandpatrick.vico.compose.common.shader.color
 import com.patrykandpatrick.vico.compose.common.shader.component
 import com.patrykandpatrick.vico.compose.common.shader.verticalGradient
 import com.patrykandpatrick.vico.compose.common.shape.dashed
@@ -52,9 +53,10 @@ import com.patrykandpatrick.vico.core.cartesian.data.CartesianChartModelProducer
 import com.patrykandpatrick.vico.core.cartesian.data.lineSeries
 import com.patrykandpatrick.vico.core.cartesian.layer.LineCartesianLayer
 import com.patrykandpatrick.vico.core.common.Dimensions
+import com.patrykandpatrick.vico.core.common.Fill
 import com.patrykandpatrick.vico.core.common.component.ShapeComponent
+import com.patrykandpatrick.vico.core.common.shader.ComponentShader
 import com.patrykandpatrick.vico.core.common.shader.DynamicShader
-import com.patrykandpatrick.vico.core.common.shader.TopBottomShader
 import com.patrykandpatrick.vico.core.common.shape.Shape
 import com.patrykandpatrick.vico.databinding.Chart9Binding
 import com.patrykandpatrick.vico.sample.showcase.Defaults
@@ -99,38 +101,46 @@ private fun ComposeChart9(modelProducer: CartesianChartModelProducer, modifier:
           lineProvider =
             LineCartesianLayer.LineProvider.series(
               rememberLine(
-                shader =
-                  TopBottomShader(DynamicShader.color(colors[0]), DynamicShader.color(colors[1])),
-                backgroundShader =
-                  TopBottomShader(
-                    DynamicShader.compose(
-                      DynamicShader.component(
-                        componentSize = 6.dp,
-                        component =
-                          rememberShapeComponent(
-                            color = colors[0],
-                            shape = Shape.Pill,
-                            margins = Dimensions.of(1.dp),
+                fill =
+                  remember(colors) {
+                    LineCartesianLayer.LineFill.double(fill(colors[0]), fill(colors[1]))
+                  },
+                areaFill =
+                  remember(colors) {
+                    LineCartesianLayer.AreaFill.double(
+                      fill(
+                        DynamicShader.compose(
+                          DynamicShader.component(
+                            component =
+                              shapeComponent(
+                                color = colors[0],
+                                shape = Shape.Pill,
+                                margins = Dimensions.of(1.dp),
+                              ),
+                            componentSize = 6.dp,
                           ),
+                          DynamicShader.verticalGradient(arrayOf(Color.Black, Color.Transparent)),
+                          PorterDuff.Mode.DST_IN,
+                        )
                       ),
-                      DynamicShader.verticalGradient(arrayOf(Color.Black, Color.Transparent)),
-                      PorterDuff.Mode.DST_IN,
-                    ),
-                    DynamicShader.compose(
-                      DynamicShader.component(
-                        componentSize = 5.dp,
-                        component =
-                          rememberShapeComponent(
-                            color = colors[1],
-                            shape = Shape.Rectangle,
-                            margins = Dimensions.of(horizontal = 2.dp),
+                      fill(
+                        DynamicShader.compose(
+                          DynamicShader.component(
+                            component =
+                              shapeComponent(
+                                color = colors[1],
+                                shape = Shape.Rectangle,
+                                margins = Dimensions.of(horizontal = 2.dp),
+                              ),
+                            componentSize = 5.dp,
+                            checkeredArrangement = false,
                           ),
-                        checkeredArrangement = false,
+                          DynamicShader.verticalGradient(arrayOf(Color.Transparent, Color.Black)),
+                          PorterDuff.Mode.DST_IN,
+                        )
                       ),
-                      DynamicShader.verticalGradient(arrayOf(Color.Transparent, Color.Black)),
-                      PorterDuff.Mode.DST_IN,
-                    ),
-                  ),
+                    )
+                  },
               )
             )
         ),
@@ -190,36 +200,49 @@ private fun ViewChart9(modelProducer: CartesianChartModelProducer, modifier: Mod
             lineProvider =
               LineCartesianLayer.LineProvider.series(
                 LineCartesianLayer.Line(
-                  shader =
-                    TopBottomShader(DynamicShader.color(colors[0]), DynamicShader.color(colors[1])),
-                  backgroundShader =
-                    TopBottomShader(
-                      DynamicShader.compose(
-                        DynamicShader.component(
-                          componentSize = 6.dp,
-                          component =
-                            ShapeComponent(
-                              color = colors[0].toArgb(),
-                              shape = Shape.Pill,
-                              margins = Dimensions.of(1.dp),
-                            ),
-                        ),
-                        DynamicShader.verticalGradient(arrayOf(Color.Black, Color.Transparent)),
-                        PorterDuff.Mode.DST_IN,
+                  fill =
+                    LineCartesianLayer.LineFill.double(
+                      Fill(colors[0].toArgb()),
+                      Fill(colors[1].toArgb()),
+                    ),
+                  areaFill =
+                    LineCartesianLayer.AreaFill.double(
+                      Fill(
+                        DynamicShader.compose(
+                          ComponentShader(
+                            component =
+                              ShapeComponent(
+                                color = colors[0].toArgb(),
+                                shape = Shape.Pill,
+                                margins = Dimensions(allDp = 1f),
+                              ),
+                            componentSizeDp = 6f,
+                          ),
+                          DynamicShader.verticalGradient(
+                            android.graphics.Color.BLACK,
+                            android.graphics.Color.TRANSPARENT,
+                          ),
+                          PorterDuff.Mode.DST_IN,
+                        )
                       ),
-                      DynamicShader.compose(
-                        DynamicShader.component(
-                          componentSize = 5.dp,
-                          component =
-                            ShapeComponent(
-                              color = colors[1].toArgb(),
-                              shape = Shape.Rectangle,
-                              margins = Dimensions.of(horizontal = 2.dp),
-                            ),
-                          checkeredArrangement = false,
-                        ),
-                        DynamicShader.verticalGradient(arrayOf(Color.Transparent, Color.Black)),
-                        PorterDuff.Mode.DST_IN,
+                      Fill(
+                        DynamicShader.compose(
+                          ComponentShader(
+                            component =
+                              ShapeComponent(
+                                color = colors[1].toArgb(),
+                                shape = Shape.Rectangle,
+                                margins = Dimensions(horizontalDp = 2f, verticalDp = 0f),
+                              ),
+                            componentSizeDp = 5f,
+                            checkeredArrangement = false,
+                          ),
+                          DynamicShader.verticalGradient(
+                            android.graphics.Color.TRANSPARENT,
+                            android.graphics.Color.BLACK,
+                          ),
+                          PorterDuff.Mode.DST_IN,
+                        )
                       ),
                     ),
                 )