fix #3

Adds background change option to style settings

Author: SmartToolFactory

app/src/main/java/com/smarttoolfactory/composecropper/preferences/CropStyleSelection.kt

@@ -31,6 +31,7 @@ internal fun CropStyleSelectionMenu(
         val overlayStrokeWidth = cropStyle.strokeWidth
         val overlayColor = cropStyle.overlayColor
         val handleColor = cropStyle.handleColor
+        val backgroundColor = cropStyle.backgroundColor
         val drawGridEnabled = cropStyle.drawGrid
         val theme = cropStyle.cropTheme
 
@@ -73,6 +74,7 @@ internal fun CropStyleSelectionMenu(
                     upperBound = 3.dp
                 )
 
+
                 ColorSelection(
                     title = "Overlay Color",
                     color = overlayColor,
@@ -94,6 +96,17 @@ internal fun CropStyleSelectionMenu(
                     }
                 )
 
+                Spacer(modifier = Modifier.height(20.dp))
+                ColorSelection(
+                    title = "Background Color",
+                    color = backgroundColor,
+                    onColorChange = { color: Color ->
+                        onCropStyleChange(
+                            cropStyle.copy(backgroundColor = color)
+                        )
+                    }
+                )
+
                 Title("Grid")
                 FullRowSwitch(
                     label = "Draw grid",

cropper/src/main/java/com/smarttoolfactory/cropper/ImageCropper.kt

@@ -1,4 +1,3 @@
-
 package com.smarttoolfactory.cropper
 
 import androidx.compose.animation.AnimatedVisibility
@@ -37,8 +36,6 @@ import com.smarttoolfactory.cropper.settings.CropStyle
 import com.smarttoolfactory.cropper.settings.CropType
 import com.smarttoolfactory.cropper.state.DynamicCropState
 import com.smarttoolfactory.cropper.state.rememberCropState
-import com.smarttoolfactory.cropper.ui.theme.BackgroundIdle
-import com.smarttoolfactory.cropper.ui.theme.BackgroundPressed
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.*
@@ -115,15 +112,20 @@ fun ImageCropper(
             keys = resetKeys
         )
 
-        val isTouched by remember(cropState) {
+        val isHandleTouched by remember(cropState) {
             derivedStateOf {
                 cropState is DynamicCropState && handlesTouched(cropState.touchRegion)
             }
         }
 
+        val pressedStateColor = remember(cropStyle.backgroundColor){
+            cropStyle.backgroundColor
+                .copy(cropStyle.backgroundColor.alpha * .7f)
+        }
+
         val transparentColor by animateColorAsState(
             animationSpec = tween(300, easing = LinearEasing),
-            targetValue = if (isTouched) BackgroundPressed else BackgroundIdle
+            targetValue = if (isHandleTouched) pressedStateColor else cropStyle.backgroundColor
         )
 
         // Crops image when user invokes crop operation

cropper/src/main/java/com/smarttoolfactory/cropper/settings/CropDefaults.kt

@@ -13,6 +13,9 @@ import com.smarttoolfactory.cropper.model.CropOutline
 import com.smarttoolfactory.cropper.model.OutlineType
 import com.smarttoolfactory.cropper.model.aspectRatios
 import com.smarttoolfactory.cropper.state.CropState
+import com.smarttoolfactory.cropper.ui.theme.DefaultBackgroundColor
+import com.smarttoolfactory.cropper.ui.theme.DefaultHandleColor
+import com.smarttoolfactory.cropper.ui.theme.DefaultOverlayColor
 
 /**
  * Contains the default values used by [ImageCropper]
@@ -49,15 +52,17 @@ object CropDefaults {
         drawOverlay: Boolean = true,
         drawGrid: Boolean = true,
         strokeWidth: Dp = 1.dp,
-        overlayColor: Color = Color.Gray,
-        handleColor: Color = Color.White
+        overlayColor: Color = DefaultOverlayColor,
+        handleColor: Color = DefaultHandleColor,
+        backgroundColor: Color = DefaultBackgroundColor
     ): CropStyle {
         return CropStyle(
             drawOverlay = drawOverlay,
             drawGrid = drawGrid,
             strokeWidth = strokeWidth,
             overlayColor = overlayColor,
-            handleColor = handleColor
+            handleColor = handleColor,
+            backgroundColor = backgroundColor
         )
     }
 }
@@ -92,6 +97,7 @@ data class CropStyle internal constructor(
     val strokeWidth: Dp,
     val overlayColor: Color,
     val handleColor: Color,
+    val backgroundColor: Color,
     val cropTheme: CropTheme = CropTheme.Dark
 )
 

cropper/src/main/java/com/smarttoolfactory/cropper/ui/theme/Color.kt

@@ -2,5 +2,6 @@ package com.smarttoolfactory.cropper.ui.theme
 
 import androidx.compose.ui.graphics.Color
 
-val BackgroundPressed = Color(0x66000000)
-val BackgroundIdle = Color(0x99000000)
+val DefaultBackgroundColor = Color(0x99000000)
+val DefaultOverlayColor = Color.Gray
+val DefaultHandleColor = Color.White