add content scale menu

Author: SmartToolFactory

app/src/main/java/com/smarttoolfactory/composeimage/ContentScaleSelectionMenu.kt

@@ -0,0 +1,133 @@
+package com.smarttoolfactory.composeimage
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+val contentScaleOptions =
+    listOf("None", "Fit", "Crop", "FillBounds", "FillWidth", "FillHeight", "Inside")
+
+@Composable
+fun ContentScaleSelectionMenu(
+    contentScale: ContentScale,
+    onContentScaleChanged: (ContentScale) -> Unit
+) {
+    var index = when (contentScale) {
+        ContentScale.None -> 0
+        ContentScale.Fit -> 1
+        ContentScale.Crop -> 2
+        ContentScale.FillBounds -> 3
+        ContentScale.FillWidth -> 4
+        ContentScale.FillHeight -> 5
+        else -> 6
+    }
+
+    Row(
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(2.dp)
+    ) {
+        ExposedSelectionMenu(
+            modifier = Modifier.fillMaxWidth(),
+            index = index,
+            title = "ContentScale",
+            options = contentScaleOptions,
+            onSelected = {
+                index = it
+                val scale = when (index) {
+                    0 -> ContentScale.None
+                    1 -> ContentScale.Fit
+                    2 -> ContentScale.Crop
+                    3 -> ContentScale.FillBounds
+                    4 -> ContentScale.FillWidth
+                    5 -> ContentScale.FillHeight
+                    else -> ContentScale.Inside
+                }
+
+                onContentScaleChanged(scale)
+            }
+        )
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ExposedSelectionMenu(
+    modifier: Modifier = Modifier,
+    index: Int,
+    title: String? = null,
+    textStyle: TextStyle = TextStyle(
+        fontWeight = FontWeight.W600,
+        fontSize = 14.sp
+    ),
+    colors: TextFieldColors = ExposedDropdownMenuDefaults.textFieldColors(
+        containerColor = Color.Transparent,
+        focusedIndicatorColor = Color.Transparent,
+        unfocusedIndicatorColor = Color.Transparent,
+        disabledIndicatorColor = Color.Transparent
+    ),
+    options: List<String>,
+    onSelected: (Int) -> Unit
+) {
+
+    var expanded by remember { mutableStateOf(false) }
+    var selectedOptionText by remember { mutableStateOf(options[index]) }
+
+    ExposedDropdownMenuBox(
+        modifier = modifier,
+        expanded = expanded,
+        onExpandedChange = {
+            expanded = !expanded
+        }
+    ) {
+        TextField(
+            modifier = modifier,
+            readOnly = true,
+            value = selectedOptionText,
+            onValueChange = { },
+            label = {
+                title?.let {
+                    Text(it)
+                }
+            },
+            trailingIcon = {
+                ExposedDropdownMenuDefaults.TrailingIcon(
+                    expanded = expanded
+                )
+            },
+            colors = colors,
+            textStyle = textStyle
+        )
+        ExposedDropdownMenu(
+            expanded = expanded,
+            onDismissRequest = {
+                expanded = false
+
+            }
+        ) {
+            options.forEachIndexed { index: Int, selectionOption: String ->
+                DropdownMenuItem(
+                    onClick = {
+                        selectedOptionText = selectionOption
+                        expanded = false
+                        onSelected(index)
+                    },
+                    text = {
+                        Text(text = selectionOption)
+                    }
+                )
+            }
+        }
+    }
+}