Android Studio中Java实现ImageView相对另一ImageView定位的方案咨询

要实现第二个ImageView相对于第一个ImageView的百分比定位，你需要先调整布局结构让两个ImageView可叠加，再通过Java代码动态计算位置。以下是具体步骤：

1. 修改布局结构 #

将两个ImageView放入FrameLayout中（或ConstraintLayout），让它们能在同一区域叠加。修改后的activity_main.xml相关部分如下：

<!-- 保留原有的EditText、Button、TextView -->

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight=".20">

    <ImageView
        android:id="@+id/iut"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/iut" />

    <ImageView
        android:id="@+id/marker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="visible"
        app:srcCompat="@drawable/m2" />

</FrameLayout>

原LinearLayout的垂直排列无法实现子View间的相对定位，FrameLayout会让内部View默认从左上角开始布局，适合叠加场景。

2. Java代码动态计算位置 #

在MainActivity.java中，监听第一个ImageView的布局完成事件（确保获取到实际宽高），然后计算第二个ImageView的偏移位置：

import android.os.Bundle;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private ImageView iutImageView;
    private ImageView markerImageView;
    // 可修改的百分比参数
    private float xPositionPercent = 0.2f; // 宽度的20%
    private float yPositionPercent = 0.5f; // 高度的50%

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        iutImageView = findViewById(R.id.iut);
        markerImageView = findViewById(R.id.marker);

        // 监听第一个ImageView的布局完成事件，确保获取到真实宽高
        iutImageView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                // 移除监听，避免重复回调
                iutImageView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                updateMarkerPosition();
            }
        });
    }

    // 用于更新marker位置的方法，后续修改百分比时直接调用
    public void updateMarkerPosition() {
        int iutWidth = iutImageView.getWidth();
        int iutHeight = iutImageView.getHeight();

        // 计算相对于第一个ImageView左上角的偏移量
        float translateX = iutWidth * xPositionPercent;
        float translateY = iutHeight * yPositionPercent;

        // 设置marker的位置
        markerImageView.setTranslationX(translateX);
        markerImageView.setTranslationY(translateY);
    }

    // 示例：修改百分比的方法，可在按钮点击等场景调用
    public void changePositionPercent(float newXPercent, float newYPercent) {
        xPositionPercent = newXPercent;
        yPositionPercent = newYPercent;
        updateMarkerPosition();
    }
}

关键说明 #

• ViewTreeObserver.OnGlobalLayoutListener：确保在第一个ImageView完成布局、真实宽高确定后再计算位置，避免获取到0值。
• setTranslationX/Y：相对于View的原始位置（FrameLayout中默认左上角）进行偏移，直接实现相对于第一个ImageView的百分比定位。
• 可通过调用changePositionPercent方法随时修改定位百分比，满足后续需求。

内容的提问来源于stack exchange，提问作者Ne Mo