Question

我正在使用chrisbanes / PhotoView库处理图像缩放/平移。

我在顶部显示一个覆盖图。基本上，我会在图像视图顶部的特定坐标处添加一个视图。

例如，当photoView最初加载图像时，我会在位置（200,300）处添加一个自定义视图（在onDraw方法中绘制箭头）。

现在，假设用户缩放/平移了。如何调整自定义视图的位置，使其与以前位于同一位置（相对于图像）。

我花了几天的时间拔头发，无法弄清楚。我不希望覆盖层缩放。我只希望它的位置正确

谢谢

这是我的XML，因此您对事物有所了解

    <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/rootView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <com.github.chrisbanes.photoview.PhotoView
            android:id="@+id/ivMainPhoto"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent" />

        <com.xx.xx.GraphicOverlay
            android:id="@+id/graphicOverlay"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="@+id/ivMainPhoto"
            app:layout_constraintEnd_toEndOf="@+id/ivMainPhoto"
            app:layout_constraintStart_toStartOf="@+id/ivMainPhoto"
            app:layout_constraintTop_toTopOf="@+id/ivMainPhoto" />
</android.support.constraint.ConstraintLayout

基本上，这里的叠加层只是我在其中添加自定义视图的容器。所以基本上0,0从PhotoView的左上角开始

Answer 1

您可以使用OnViewTapListener来获取缩放后的图像（如）上的触摸坐标

/**
 * Notify when tap on Zoom Image perform.
 */
private OnViewTapListener onImageTap = new OnViewTapListener() {
    @Override
    public void onViewTap(View view, float x, float y) {
        // x and y is the co-ordinate of touch.

    }
};

Answer 2

您必须在PhotoView（setOnMatrixChangeListener）上设置矩阵更改侦听器。当触发时，您可以使用photoRect中的displayRect重绘其他视图。

类似这样的东西：

var arrowLocation: PointF(50f,50f)

fun drawArrow() {
  val arrowPosition = // calculate coordinates to display using `photoView.displayRect`
  graphicOverlay.drawArrow(arrowPosition)
}

...

photoView.setOnMatrixChangeListener {
  drawArrow()
}

如何根据PhotoView缩放/平移调整覆盖位置

2 个答案: