Rotate

mobiledevpro · Mar 21, 2024 · b3eca8d · b3eca8d
1 parent f7d04a3
commit b3eca8d
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/feature/image_viewer/src/main/java/com/mobiledevpro/image/viewer/view/ImageViewerScreen.kt b/feature/image_viewer/src/main/java/com/mobiledevpro/image/viewer/view/ImageViewerScreen.kt
@@ -107,11 +107,8 @@ fun ImageViewerScreen() {
 fun BoxScope.UpperImage() {
     var imageScale by remember { mutableFloatStateOf(1f) }
     var imageOffset by remember { mutableStateOf(Offset.Zero) }
+    var rotation by remember { mutableFloatStateOf(0f) }
 
-    val transformState = rememberTransformableState { zoomChange, panChange, rotationChange ->
-        imageScale = (imageScale * zoomChange).coerceIn(1f, 5f)
-        imageOffset += panChange
-    }
 
     val model = ImageRequest.Builder(LocalContext.current)
         .data("https://c4.wallpaperflare.com/wallpaper/83/500/871/waterfall-high-resolution-desktop-wallpaper-preview.jpg")
@@ -121,30 +118,34 @@ fun BoxScope.UpperImage() {
         .diskCachePolicy(CachePolicy.DISABLED)
         .build()
 
+    val transformState = rememberTransformableState { zoomChange, panChange, rotationChange ->
+        imageScale = (imageScale * zoomChange).coerceIn(0.5f, 5f)
+        imageOffset += panChange
+        rotation += rotationChange
+    }
+
     AsyncImage(
         model = model,
         contentDescription = "",
         contentScale = ContentScale.FillHeight,
-        onState = { state ->
-            Log.d("UI", "AsyncImage.state: $state")
-        },
         modifier = Modifier
             .align(Alignment.Center)
             .fillMaxWidth()
             .scale(imageScale)
             .graphicsLayer {
-                Log.d("UI", "ImageViewerScreen: graphicsLayer: scale $scaleX $scaleY")
                 scaleX = imageScale
                 scaleY = imageScale
                 translationX = imageOffset.x
                 translationY = imageOffset.y
+                rotationZ = rotation
             }
             .transformable(transformState)
             .pointerInput(Unit) {
                 detectTapGestures(onDoubleTap = {
                     Log.d("UI", "ImageViewerScreen: on double tap")
                     imageScale = 1f
                     imageOffset = Offset.Zero
+                    rotation = 0F
                 })
             }
     )
@@ -154,10 +155,12 @@ fun BoxScope.UpperImage() {
 fun BoxScope.LowerImage() {
     var imageScale by remember { mutableFloatStateOf(1f) }
     var imageOffset by remember { mutableStateOf(Offset.Zero) }
+    var rotation by remember { mutableFloatStateOf(0f) }
 
     val transformState = rememberTransformableState { zoomChange, panChange, rotationChange ->
-        imageScale = (imageScale * zoomChange).coerceIn(1f, 5f)
+        imageScale = (imageScale * zoomChange).coerceIn(0.5f, 5f)
         imageOffset += panChange
+        rotation += rotationChange
     }
 
     val model = ImageRequest.Builder(LocalContext.current)
@@ -180,18 +183,19 @@ fun BoxScope.LowerImage() {
             .fillMaxWidth()
             .scale(imageScale)
             .graphicsLayer {
-                Log.d("UI", "ImageViewerScreen: graphicsLayer: scale $scaleX $scaleY")
                 scaleX = imageScale
                 scaleY = imageScale
                 translationX = imageOffset.x
                 translationY = imageOffset.y
+                rotationZ = rotation
             }
             .transformable(transformState)
             .pointerInput(Unit) {
                 detectTapGestures(onDoubleTap = {
                     Log.d("UI", "ImageViewerScreen: on double tap")
                     imageScale = 1f
                     imageOffset = Offset.Zero
+                    rotation = 0F
                 })
             }
     )