panpf / zoomimage Goto Github PK

GlideZoomImageView. Can't use Subsampling, unsupported model: 'android.graphics.Bitmap@1e22c0'

data class MyScalesCalculator(
    val customMinScale: Float,
    val customMediumScale: Float = 3f,
    val customMaxScale: Float
) : ScalesCalculator {

    override fun calculate(
        containerSize: IntSizeCompat,
        contentSize: IntSizeCompat,
        contentOriginSize: IntSizeCompat,
        contentScale: ContentScaleCompat,
        minScale: Float,
        initialScale: Float
    ): ScalesCalculator.Result {
        return ScalesCalculator.Result(
            minScale = customMinScale,
            mediumScale = customMediumScale,
            maxScale = customMaxScale
        )
    }

    override fun toString(): String {
        return "CustomScalesCalculator(" +
                "customMinScale=${customMinScale}, " +
                "customMediumScale=${customMediumScale}, " +
                "customMaxScale=${customMaxScale})"
    }
}

2、关于触摸事件，好像无法捕获到up和cancel事件，能否开放down和up事件。一些需求场景是需要操作的时候隐藏一些ui，然后抬起后过几秒显示一些ui。
我尝试用pointinput无法拦截，使用pointerInteropFilter也只能获取down事件

this.imageView.zoomable.disabledGestureTypeState.value = GestureType.ONE_FINGER_SCALE
this.imageView.setOnLongClickListener {
    App.output.showImageLongClickDialog(this.imageInfo!!.path)

    return@setOnLongClickListener true
}
this.imageView.setOnClickListener {
    (this.itemView.context as ImageActivity).onBackPressedDispatcher.onBackPressed()
}

//CoreZoomUtils.kt

fun calculateTransformOffset(
    currentScale: Float,
    currentOffset: OffsetCompat,
    targetScale: Float,
    centroid: OffsetCompat,
    pan: OffsetCompat,
    gestureRotate: Float,
    pointCountChanged: Boolean    //加了个触摸点数量是否变化的判断。除了下面 TouchHelper.kt 的调用，其他地方都传入的 false
): OffsetCompat {
    //省略..

    //根据触摸数量是否发生了变化来决定是否平移
    val targetRestoreScaleCurrentOffset = if (pointCountChanged) {
        (restoreScaleCurrentOffset + centroid / oldScale).rotateBy(gestureRotate) - (centroid / newScale)
    } else {
        (restoreScaleCurrentOffset + centroid / oldScale).rotateBy(gestureRotate) - (centroid / newScale + pan / oldScale)
    }
    val targetOffset = targetRestoreScaleCurrentOffset * newScale * -1f
    return targetOffset
}

//TouchHelper.kt

    private var lastPointCount = 0   //全局变量

    init {
        gestureDetector = UnifiedGestureDetector(
            onGestureCallback = { scaleFactor: Float, focus: OffsetCompat, panChange: OffsetCompat, pointCount: Int ->
                coroutineScope.launch {

                    val pointCountChanged = lastPointCount != pointCount   //是否触摸点数量发生变化

                    //省略..

                    if (supportOneFingerScale && pointCount == 1 && doubleTapPressPoint != null) {

                        //省略..

                        zoomable.gestureTransform(
                            centroid = doubleTapPressPoint,
                            panChange = OffsetCompat.Zero,
                            zoomChange = scale,
                            rotationChange = 0f,
                            pointCountChanged = pointCountChanged
                        )
                    } else {
                        oneFingerScaleExecuted = false
                        if (supportTwoFingerScale || supportDrag) {

                            //省略..

                            zoomable.gestureTransform(
                                centroid = focus,
                                panChange = finalPan,
                                zoomChange = finalZoom,
                                rotationChange = 0f,
                                pointCountChanged = pointCountChanged
                            )
                        }
                    }

                    lastPointCount = pointCount
                }
            },
        )
    }


2.fling到边界时的问题：
快速fling到边界时会发生图片该边进入到屏幕内部，看起来就是逃脱了边界限制，不过只有大概一帧的时间。

https://github.com/panpf/zoomimage/assets/41738211/8dc55c92-edc1-42c0-ab46-8e37a54e06c0



最后感谢大佬这个库真的好用😄

SketchZoomAsyncImage(
    request = request,
    contentDescription = contentDescription,
    modifier = modifier,
    contentScale = ContentScale.Crop,
    state = imageState,
)

java.lang.RuntimeException: Canvas: trying to draw too large(308544000bytes) bitmap.
at android.graphics.RecordingCanvas.throwIfCannotDraw(RecordingCanvas.java:266)
at android.graphics.BaseRecordingCanvas.drawBitmap(BaseRecordingCanvas.java:94)
at androidx.compose.ui.graphics.AndroidCanvas.drawImageRect-HPBpro0(AndroidCanvas.android.kt:275)
at androidx.compose.ui.graphics.drawscope.CanvasDrawScope.drawImage-AZ2fEMs(CanvasDrawScope.kt:256)
at androidx.compose.ui.node.LayoutNodeDrawScope.drawImage-AZ2fEMs(Unknown Source:24)
at androidx.compose.ui.graphics.drawscope.DrawScope.drawImage-AZ2fEMs$default(DrawScope.kt:551)
at androidx.compose.ui.graphics.painter.BitmapPainter.onDraw(BitmapPainter.kt:93)
at androidx.compose.ui.graphics.painter.Painter.draw-x_KDEd0(Painter.kt:212)
at coil3.compose.AsyncImagePainter.onDraw(AsyncImagePainter.kt:211)
at androidx.compose.ui.graphics.painter.Painter.draw-x_KDEd0(Painter.kt:212)
at com.github.panpf.zoomimage.compose.coil.internal.ContentPainterModifier.draw(ContentPainterModifier.kt:205)
at androidx.compose.ui.node.BackwardsCompatNode.draw(BackwardsCompatNode.kt:349)
at androidx.compose.ui.node.LayoutNodeDrawScope.drawDirect-x_KDEd0$ui_release(LayoutNodeDrawScope.kt:105)
at androidx.compose.ui.node.LayoutNodeDrawScope.draw-x_KDEd0$ui_release(LayoutNodeDrawScope.kt:86)
at androidx.compose.ui.node.NodeCoordinator.drawContainedDrawModifiers(NodeCoordinator.kt:364)
at androidx.compose.ui.node.NodeCoordinator.draw(NodeCoordinator.kt:353)
at androidx.compose.ui.node.LayoutModifierNodeCoordinator.performDraw(LayoutModifierNodeCoordinator.kt:176)
at androidx.compose.ui.node.LayoutNodeDrawScope.drawContent(LayoutNodeDrawScope.kt:66)
at com.github.panpf.zoomimage.compose.subsampling.SubsamplingDrawTilesNode.draw(subsampling.common.kt:104)
at androidx.compose.ui.node.LayoutNodeDrawScope.drawDirect-x_KDEd0$ui_release(LayoutNodeDrawScope.kt:105)
at androidx.compose.ui.node.LayoutNodeDrawScope.draw-x_KDEd0$ui_release(LayoutNodeDrawScope.kt:86)
at androidx.compose.ui.node.NodeCoordinator.drawContainedDrawModifiers(NodeCoordinator.kt:364)
at androidx.compose.ui.node.NodeCoordinator.access$drawContainedDrawModifiers(NodeCoordinator.kt:54)
at androidx.compose.ui.node.NodeCoordinator$drawBlock$1$1.invoke(NodeCoordinator.kt:383)
at androidx.compose.ui.node.NodeCoordinator$drawBlock$1$1.invoke(NodeCoordinator.kt:382)
at androidx.compose.runtime.snapshots.Snapshot$Companion.observe(Snapshot.kt:2303)
at androidx.compose.runtime.snapshots.SnapshotStateObserver$ObservedScopeMap.observe(SnapshotStateObserver.kt:500)
at androidx.compose.runtime.snapshots.SnapshotStateObserver.observeReads(SnapshotStateObserver.kt:256)
at androidx.compose.ui.node.OwnerSnapshotObserver.observeReads$ui_release(OwnerSnapshotObserver.kt:133)
at androidx.compose.ui.node.NodeCoordinator$drawBlock$1.invoke(NodeCoordinator.kt:382)
at androidx.compose.ui.node.NodeCoordinator$drawBlock$1.invoke(NodeCoordinator.kt:380)
at androidx.compose.ui.platform.RenderNodeApi29.record(RenderNodeApi29.android.kt:209)
at androidx.compose.ui.platform.RenderNodeLayer.updateDisplayList(RenderNodeLayer.android.kt:335)
at androidx.compose.ui.platform.AndroidComposeView.dispatchDraw(AndroidComposeView.android.kt:1236)
at android.view.View.draw(View.java:23892)
at android.view.View.updateDisplayListIfDirty(View.java:22756)
at android.view.View.draw(View.java:23620)
at android.view.ViewGroup.drawChild(ViewGroup.java:4556)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4317)
at android.view.View.updateDisplayListIfDirty(View.java:22747)
at android.view.View.draw(View.java:23620)
at android.view.ViewGroup.drawChild(ViewGroup.java:4556)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4317)
at android.view.View.updateDisplayListIfDirty(View.java:22747)
at android.view.View.draw(View.java:23620)
at android.view.ViewGroup.drawChild(ViewGroup.java:4556)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4317) (Ask Gemini)
at android.view.View.updateDisplayListIfDirty(View.java:22747)
at android.view.View.draw(View.java:23620)
at android.view.ViewGroup.drawChild(ViewGroup.java:4556)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4317)
at android.view.View.draw(View.java:23892)
at com.android.internal.policy.DecorView.draw(DecorView.java:809)
at android.view.View.updateDisplayListIfDirty(View.java:22756)
at android.view.ThreadedRenderer.updateViewTreeDisplayList(ThreadedRenderer.java:694)
at android.view.ThreadedRenderer.updateRootDisplayList(ThreadedRenderer.java:700)
at android.view.ThreadedRenderer.draw(ThreadedRenderer.java:798)
at android.view.ViewRootImpl.draw(ViewRootImpl.java:4939)
at android.view.ViewRootImpl.performDraw(ViewRootImpl.java:4643)
at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:3822)
at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:2465)
at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:9305)
at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1339)
at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1348)
at android.view.Choreographer.doCallbacks(Choreographer.java:952)
at android.view.Choreographer.doFrame(Choreographer.java:882)
at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1322)
at android.os.Handler.handleCallback(Handler.java:958)
at android.os.Handler.dispatchMessage(Handler.java:99)
at android.os.Looper.loopOnce(Looper.java:205)
at android.os.Looper.loop(Looper.java:294)
at android.app.ActivityThread.main(ActivityThread.java:8177)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:552)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:971)

val imageRequest = ImageRequest.Builder(koinInject<PlatformContext>())
        .data("url/path to large image")
        .size(coil3.size.Size.ORIGINAL)
        .build()
    val zoomableState: CoilZoomState = rememberCoilZoomState()
    val imageLoader = koinInject<ImageLoader>()
    CoilZoomAsyncImage(
        modifier = modifier,
        model = imageRequest,
        imageLoader = imageLoader,
        zoomState = zoomableState,
        contentDescription = "",
    )

ZoomableState@9df97bfd. reset:contentScaleChanged. containerSize=522x457, contentSize=522x457, contentOriginSize=0x0, contentScale=Fit, alignment=Center, rotation=0, scalesCalculator=DynamicScalesCalculator(multiple=3.0), readMode=ReadMode(sizeType=3, decider=LongImageDecider(2.5:5.0)). lastContentVisibleCenter=261x228. minScale=1.0, mediumScale=3.0, maxScale=9.0, baseTransform=(1.0x1.0,0.0x0.0,0.0,0.0x0.0,0.5x0.5), userTransform=(1.0x1.0,0.0x0.0,0.0,0.0x0.0,0.0x0.0), transform=(1.0x1.0,0.0x0.0,0.0,0.0x0.0,0.5x0.5)
ZoomableState@9df97bfd. reset:alignmentChanged. All parameters unchanged
ZoomableState@9df97bfd. reset:readModeChanged. All parameters unchanged
ZoomableState@9df97bfd. reset:scalesCalculatorChanged. All parameters unchanged
ZoomableState@9df97bfd. reset:limitOffsetWithinBaseVisibleRectChanged. All parameters unchanged
SubsamplingState@9df97bfd. resetTileDecoder:contentSizeChanged. failed. imageSource=null, contentSize=522x457, 'null'
ZoomableState@9df97bfd. CoilZoomAsyncImage. onState. state=Success. data='http://10.52.12.232:30001/minio-server/zhihuiketang001dev/var/2024/0314/6b8b76ef-b741-47ea-983a-a86fe21c2b50.jpg'
SubsamplingState@9df97bfd. setImageSource. 'null' -> 'http://10.52.12.232:30001/minio-server/zhihuiketang001dev/var/2024/0314/6b8b76ef-b741-47ea-983a-a86fe21c2b50.jpg'
ZoomableState@9df97bfd. reset:contentSizeChanged. containerSize=522x457, contentSize=22x456, contentOriginSize=0x0, contentScale=Fit, alignment=Center, rotation=0, scalesCalculator=DynamicScalesCalculator(multiple=3.0), readMode=ReadMode(sizeType=3, decider=LongImageDecider(2.5:5.0)). lastContentVisibleCenter=261x228. minScale=1.0022, mediumScale=23.7273, maxScale=71.1818, baseTransform=(1.0x1.0,250.0x0.0,0.0,0.0x0.0,0.02x0.5), userTransform=(23.68x23.68,-5918.84x0.0,0.0,0.0x0.0,0.02x0.5), transform=(23.73x23.73,0.0x0.0,0.0,0.0x0.0,0.02x0.5)
SubsamplingState@9df97bfd. resetTileDecoder:contentSizeChanged. error, The thumbnail aspect ratio is different with the original image. contentSize: 22x456, ignoreExifOrientation=false. imageInfo: (1586x31416,'image/jpeg'). 'http://10.52.12.232:30001/minio-server/zhihuiketang001dev/var/2024/0314/6b8b76ef-b741-47ea-983a-a86fe21c2b50.jpg'
SubsamplingState@9df97bfd. resetTileManager:preferredTileSizeChanged. failed. imageSource=CoilImageSource('http://10.52.12.232:30001/minio-server/zhihuiketang001dev/var/2024/0314/6b8b76ef-b741-47ea-983a-a86fe21c2b50.jpg'), contentSize=22x456, preferredTileSize=261x228, tileDecoder=null, 'http://10.52.12.232:30001/minio-server/zhihuiketang001dev/var/2024/0314/6b8b76ef-b741-47ea-983a-a86fe21c2b50.jpg'

val zoomState: ZoomState = rememberZoomState()
LaunchedEffect(Unit) {
    zoomState.zoomable.readMode = ReadMode.Default
}
CoilZoomAsyncImage(
    model = Uri.parse(afterWorkItem.question.getPrefixPath()),
    contentDescription = null,
    modifier = Modifier
        .padding(7.dp)
        .fillMaxSize(),
    state = zoomState
)