Android开发：ImageView多设备适配异常，跳棋棋子偏移出棋盘格子如何解决

核心问题根因 #

你当前的布局写法存在几个适配漏洞，是导致仅单台设备对齐的直接原因：

• 棋盘ImageView（id为imageView2）使用wrap_content作为宽高，不同设备的屏幕比例、分辨率有差异时，棋盘的实际渲染尺寸、缩放比例都会发生变化，但你的棋子是基于父布局ConstraintLayout的bias和百分比宽高定位，和棋盘本身的位置完全没有绑定，必然会出现偏移
• 棋子同时设置了固定marginStart="116dp"和Horizontal bias，两种定位规则冲突，不同设备上的最终定位计算结果不一致
• 棋子的宽高用的是父布局的百分比，和棋盘的实际缩放比例不匹配，3D倾斜棋盘的格子比例会随着棋盘整体缩放同步变化，和父布局比例无直接关联

修复步骤 #

1. 修正棋盘布局规则

先固定棋盘的缩放规则，避免不同设备上拉伸变形：

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    <!-- 根据你的实际显示需求调整scaleType，优先保证棋盘宽高比固定 -->
    android:scaleType="centerCrop"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:srcCompat="@drawable/buard" />

2. 棋子定位绑定到棋盘

所有棋子的定位约束全部改为绑定到棋盘ImageView的四个边，而不是父布局，这样棋盘缩放时棋子会同步适配：

<!-- 示例为square1的修改后代码，其余棋子参照调整即可 -->
<ImageView
    android:id="@+id/square1"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="@id/imageView2"
    app:layout_constraintEnd_toEndOf="@id/imageView2"
    app:layout_constraintHorizontal_bias="0.095"
    app:layout_constraintStart_toStartOf="@id/imageView2"
    app:layout_constraintTop_toTopOf="@id/imageView2"
    app:layout_constraintVertical_bias="0.930"
    app:layout_constraintHeight_percent="0.09"
    app:layout_constraintWidth_percent="0.05"
    app:srcCompat="@drawable/square" />

3. 移除冲突定位参数

删掉所有棋子的固定layout_marginStart、layout_weight参数，避免和bias规则冲突导致定位异常。

4. 可选：代码动态适配

如果上述布局修改后，仍然存在3D透视导致的微小偏差，可以在Activity中获取棋盘的实际渲染宽高后，动态计算每个格子的坐标再设置棋子位置，精度比静态布局更高。

内容的提问来源于stack exchange，提问作者Franklyn Oreben