TextView切换后ImageButton位置偏移问题求助

看起来你遇到的返回图标跳动/上移问题，大概率是布局约束不严谨和视图切换时父布局高度变化导致的。咱们一步步拆解问题和解决方法：

问题根源分析 #

1. 返回图标的约束缺失：你的backIcon只设置了start约束，没有绑定top和bottom到父布局，再加上它的layout_height="match_parent"，当父布局（constraintLayout）的高度因为视图切换发生变化时，图标的位置会跟着偏移。
2. 视图高度不一致：加载时显示的articleLoading是layout_height="match_parent"，而加载完成后显示的articleTitle是layout_height="wrap_content"，这会导致父布局的高度在切换时发生变化，进而带动backIcon的位置变动。
3. 错误的属性使用：在ConstraintLayout里使用layout_weight是无效的（这是LinearLayout的属性），articleLoading和backIcon上的layout_weight="1"会干扰布局计算，引发异常。

具体修复步骤 #

1. 完善返回图标的约束 #

给backIcon添加上下约束，让它固定在父布局的顶部和底部，确保父布局高度变化时，图标位置保持稳定：

<ImageButton 
    android:id="@+id/backIcon"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_marginStart="10dp"
    android:background="?android:selectableItemBackground"
    android:gravity="center_vertical"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:scaleType="fitCenter"
    app:srcCompat="@drawable/back_icon_small"
    <!-- 添加以下两个约束 -->
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toStartOf="parent" />

2. 统一标题视图的高度 #

把articleTitle的layout_height改为match_parent，并调整它的gravity为垂直居中，和articleLoading保持一致，避免父布局高度变化：

<TextView
    android:id="@+id/articleTitle"
    android:layout_width="wrap_content"
    android:layout_height="match_parent" <!-- 修改为match_parent -->
    android:layout_marginBottom="8dp"
    android:layout_marginTop="8dp"
    android:gravity="center_vertical|center_horizontal" <!-- 和articleLoading统一gravity -->
    android:maxEms="20"
    android:maxLines="1"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:text="TextView"
    android:textColor="@color/colorAccent"
    android:visibility="invisible"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@id/shareButton"
    app:layout_constraintStart_toEndOf="@id/backIcon"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.5" /> <!-- 设置为0.5保持垂直居中 -->

3. 移除无效的layout_weight属性 #

删除articleLoading和backIcon中的android:layout_weight="1"，因为ConstraintLayout不支持这个属性，改用约束来控制宽度占比（如果需要的话，可以用app:layout_constraintWidth_weight）。

4. 优化进度条的约束 #

确保progressBar的约束正确，避免干扰其他视图：

<ProgressBar
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="20dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/backIcon" />

代码逻辑小优化 #

在onProgressChanged方法里，建议先设置标题再切换视图可见性，避免闪烁：

@Override 
public void onProgressChanged(WebView view, int newProgress) { 
    super.onProgressChanged(view, newProgress); 
    progressBar.setProgress(newProgress); 
    if (newProgress == 100) { 
        // 先设置标题
        articleTitle.setText(view.getTitle()); 
        // 再切换可见性
        progressBar.setVisibility(View.INVISIBLE); 
        articleLoading.setVisibility(View.INVISIBLE); 
        articleTitle.setVisibility(View.VISIBLE); 
    } 
}

这些修改应该能解决返回图标跳动的问题，核心是让父布局高度保持稳定，同时给返回图标足够明确的约束，避免它随布局变化偏移。

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