ScrollView嵌套ConstraintLayout滚动异常：测试按钮位置不符求助

嘿，我来帮你搞定这个NestedScrollView的问题～首先咱们拆解下你遇到的两个核心困扰：一是滚动区域没按预期工作，按钮直接跑到了奇怪的位置；二是怎么实现“滚动后才显示元素”的效果。

一、为啥按钮会直接显示在非预期位置？ #

看你的XML代码，问题主要出在这两处：

1. NestedScrollView的尺寸约束错了
   你给它设了android:layout_height="536dp"，还同时绑定了app:layout_constraintBottom_toBottomOf="parent"和app:layout_constraintTop_toBottomOf="@+id/toolbar_mainActivity"——这等于把ScrollView死死卡在了toolbar到父布局底部的空间里，哪怕内部内容更高，它也没法扩展出可滚动的区域，内部按钮的位置自然会乱套。
2. 内部ConstraintLayout的高度逻辑不对
   虽然你给内部布局设了700dp的高度，但NestedScrollView的fillViewport="true"会强制子布局填充视口，加上外部ScrollView的尺寸被锁死，导致元素的约束计算完全偏离预期。

二、先修复滚动功能 #

先把NestedScrollView的布局调整到正确状态，让它能正常滚动：

1. 修正NestedScrollView的布局参数 #

把它的高度改成wrap_content，同时去掉底部和父布局的绑定，让它的高度由内部内容决定。另外把宽度改成match_parent，避免左右留空显得奇怪：

<android.support.v4.widget.NestedScrollView
    android:id="@+id/scroll_view" <!-- 给个id方便后续加监听 -->
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp" <!-- 替换原来的132dp，避免和toolbar间距过大 -->
    android:fillViewport="true"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/toolbar_mainActivity">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" <!-- 改成wrap_content，由内部元素决定高度 -->
        android:padding="16dp"> <!-- 加padding让内容更美观 -->

        <ImageButton
            android:id="@+id/imageButton2"
            android:layout_width="72dp"
            android:layout_height="59dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:srcCompat="@color/colorAccent" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button"
            android:visibility="gone" <!-- 初始设为不可见 -->
            app:layout_constraintTop_toBottomOf="@+id/imageButton2"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintMarginTop="600dp" /> <!-- 设大margin让它初始在屏幕外 -->
    </android.support.constraint.ConstraintLayout>
</android.support.v4.widget.NestedScrollView>

2. 实现“滚动后显示元素”的效果 #

单纯靠布局位置适配所有屏幕太麻烦，最好结合滚动监听来控制显示状态：
在你的MainActivity里添加以下代码：

NestedScrollView scrollView = findViewById(R.id.scroll_view);
Button targetButton = findViewById(R.id.button);

scrollView.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
    @Override
    public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
        // 当滚动距离超过300dp时显示按钮（数值可以根据你的需求调整）
        int scrollThreshold = getResources().getDimensionPixelOffset(R.dimen.scroll_threshold);
        if (scrollY > scrollThreshold) {
            targetButton.setVisibility(View.VISIBLE);
        } else {
            targetButton.setVisibility(View.GONE);
        }
    }
});

别忘了在res/values/dimens.xml里添加这个阈值：

<dimen name="scroll_threshold">300dp</dimen>

三、额外优化小建议 #

• 把所有android.support包换成androidx，因为support库已经被废弃了，比如android.support.v4.widget.NestedScrollView换成androidx.core.widget.NestedScrollView，兼容性会更好。
• 尽量避免给NestedScrollView设置固定高度，让它的高度由内容决定，这样滚动逻辑才会稳定。
• 内部的ConstraintLayout用wrap_content高度就够了，除非你需要固定高度的滚动区域。

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