放大时获取屏幕可见部分的坐标

Question

我正在使用实现可缩放、可收缩和可滚动布局的 custom lib，但是当我放大布局时，我无法获取可见部分的坐标。有办法吗？ Android 文档对视口没有任何解释。

这张照片有一个例子。左边的矩形是我的布局。当我缩放它时，用户只会看到较小的那个，但它会填满整个屏幕。如何获取小矩形（红色）的坐标？

Answer 1

所以我不是the library的真实用户，我不知道实际答案。但我自己在自定义 ImageView 中做与库类似的事情。所以我可以提出一些建议。请稍后自行尝试和检查。

图书馆有 Pan APIs。我认为通过使用 getPan()/getPanX()/getPanY() 或 getScaledPan()/getScaledPanX()/getScaledPanY() 您可以获得左上角的坐标。（也许，后者 scaled 是你想要的？）

得到左上角的坐标后，就可以根据矩形的宽高计算出其他点了。

要知道宽度和高度，你可以根据你的ImageView的宽度和高度，以及当前的比例因子反算。

要了解 ImageView 的宽度和高度，请使用 getWidth() and getHeight()。

要了解库的当前比例因子，Zoom APIs 的 getZoom() 或 getRealZoom() 应该可用。

然后，将 ImageView 的宽度或高度除以当前比例因子，即可得到矩形的宽度或高度。

最后根据左上点坐标，左下点加高，右上点加宽，右下点加宽高。

示例代码

layout/activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.otaliastudios.zoom.ZoomImageView
        android:id="@+id/zoomImageView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@android:color/darker_gray"
        app:alignment="top|left"
        app:layout_constraintBottom_toTopOf="@id/linearLayout"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:maxZoom="2"
        app:maxZoomType="zoom"
        app:minZoom="0.5"
        app:minZoomType="zoom"
        app:overPinchable="false"
        app:overScrollHorizontal="false"
        app:overScrollVertical="false"
        app:threeFingersScrollEnabled="false"
        app:transformation="centerCrop"
        app:transformationGravity="top|left"
        app:twoFingersScrollEnabled="false" />

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:orientation="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/zoomImageView">

        <Button
            android:id="@+id/button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="click"
            android:text="@string/app_name" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

主要活动：

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

import com.otaliastudios.zoom.ZoomImageView;

public class MainActivity extends AppCompatActivity {
    private ZoomImageView zoomImageView;
    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        zoomImageView = findViewById(R.id.zoomImageView);
        zoomImageView.setImageDrawable(getResources().getDrawable(R.drawable.img2880x2880, null));
        textView = findViewById(R.id.textView);
    }

    public void click(View view) {
        textView.setText(String.format(
                "pan (on the World (src image) coordinates):\n\t%s\n" +
                        "scaledPan (on the Display coordinates):\n\t%s\n" +
                        "zoom (relative ratio to the initial scale):\n\t%f\n" +
                        "realZoom (real scale factor for the image):\n\t%f\n" +
                        "the View's layout width: %d\n" +
                        "the View's layout height: %d\n\n" +
                        "the Window rect: (%f, %f) - (%f, %f)",
                zoomImageView.getPan().toString(),
                zoomImageView.getScaledPan().toString(),
                zoomImageView.getZoom(),
                zoomImageView.getRealZoom(),
                zoomImageView.getWidth(),
                zoomImageView.getHeight(),
                -zoomImageView.getPanX(),
                -zoomImageView.getPanY(),
                -zoomImageView.getPanX() + ((float) zoomImageView.getWidth()) / zoomImageView.getRealZoom(),
                -zoomImageView.getPanY() + ((float) zoomImageView.getHeight()) / zoomImageView.getRealZoom()
        ));
    }
}

和drawable-nodpi/img2880x2880.png。所以我的测试设备的显示宽度是 1440px，我准备了一个 2880px x 2880px 的正方形图像和检查器 1440px 正方形。

您可以平移（滚动）图像并捏合 zoom-in/out。当您按下按钮时，它会指示当前状态。最后，Window rect应该是你想要的。

请注意，因为

-zoomImageView.getPanX() + ((float) zoomImageView.getWidth()) / zoomImageView.getRealZoom()

或

-zoomImageView.getPanY() + ((float) zoomImageView.getHeight()) / zoomImageView.getRealZoom()

为浮点值计算，结果值可能有部分计算错误。

放大时获取屏幕可见部分的坐标

Get the coordinates of visible part of screen when zoomed in

java

android

android-layout

android-view

android-activity