如何在ScrollView的LinearLayout顶部添加视图而不挤压原有视图？

要实现类似WhatsApp上滑加载历史消息的效果，核心是在添加顶部视图后，通过调整ScrollView的滚动位置抵消新视图带来的位移。具体步骤如下：

1. 预计算新添视图的总高度 #

因为视图还未添加到布局中，需要先模拟父布局约束测量每个视图的高度，累加得到总高度（包含margin）：

private int calculateTotalHeightOfViews(List<View> newViews) {
    int totalHeight = 0;
    LinearLayout parent = layoutList;
    for (View view : newViews) {
        // 模拟LinearLayout的宽度约束，测量视图高度
        view.measure(
                View.MeasureSpec.makeMeasureSpec(parent.getWidth(), View.MeasureSpec.EXACTLY),
                View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
        );
        totalHeight += view.getMeasuredHeight();
        // 加上视图的上下margin
        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) view.getLayoutParams();
        totalHeight += params.topMargin + params.bottomMargin;
    }
    return totalHeight;
}

2. 调整滚动位置实现无位移加载 #

在添加顶部视图前后，记录滚动位置并调整：

// 生成要添加的20个新视图
List<View> newHistoryItems = createHistoryItems();

// 计算新视图总高度
int newHeight = calculateTotalHeightOfViews(newHistoryItems);

// 记录当前ScrollView的滚动位置
int currentScroll = scrollView.getScrollY();

// 批量添加新视图到LinearLayout顶部
for (View item : newHistoryItems) {
    layoutList.addView(item, 0);
}

// 布局更新后调整滚动位置，抵消新视图的高度
scrollView.post(() -> {
    scrollView.scrollTo(0, currentScroll + newHeight);
});

关键说明 #

• 使用post()执行滚动调整：确保布局完成后再修改滚动位置，避免因布局未刷新导致的计算偏差
• 批量添加视图：减少布局重绘次数，提升性能
• 处理异步内容：如果视图包含异步加载的图片等元素，需在内容加载完成后重新计算高度并调整滚动位置，避免高度计算不准确导致的位移

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