如何让CollectionView根据子元素高度自动调整自身高度？

核心逻辑：放弃固定高度乘元素数量的方案，优先计算所有子元素实际渲染高度的总和，赋值给CollectionView自身高度约束，同时兼容子元素内容更新、布局重绘的场景。

iOS 端（UICollectionView） #

• 先将CollectionView的isScrollEnabled属性设为false，关闭自身滚动，避免和外部滚动容器产生滑动冲突
• 自定义继承自UICollectionView的类，重写intrinsicContentSize属性，自动同步内容高度：

class AutoHeightCollectionView: UICollectionView {
    override var intrinsicContentSize: CGSize {
        layoutIfNeeded()
        return CGSize(width: contentSize.width, height: contentSize.height)
    }
    
    override func reloadData() {
        super.reloadData()
        invalidateIntrinsicContentSize()
    }
}

• 开启子元素自动尺寸计算能力，针对FlowLayout配置如下：

if let layout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
    layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
}

• 布局约束中不需要给CollectionView设置固定高度，仅添加leading、trailing、上下对齐约束即可，系统会自动读取intrinsicContentSize作为实际渲染高度。

Android 端（JetPack CollectionView/RecyclerView适配） #

• 自定义RecyclerView（Android生态的CollectionView大多基于RecyclerView封装），重写onMeasure方法：

class AutoHeightRecyclerView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : RecyclerView(context, attrs, defStyleAttr) {

    override fun onMeasure(widthSpec: Int, heightSpec: Int) {
        val maxHeightSpec = MeasureSpec.makeMeasureSpec(Int.MAX_VALUE shr 2, MeasureSpec.AT_MOST)
        super.onMeasure(widthSpec, maxHeightSpec)
    }
}

• 关闭嵌套滚动避免滑动冲突：isNestedScrollingEnabled = false
• 子元素布局使用wrap_content适配高度，数据集更新时调用adapter?.notifyDataSetChanged()即可自动触发高度重新测量。

跨平台框架（以MAUI为例） #

• 为CollectionView绑定动态高度属性，每次子元素内容更新时重新计算总高度：

public ObservableCollection<ItemModel> Items { get; set; }

private double _collectionViewHeight;
public double CollectionViewHeight
{
    get => _collectionViewHeight;
    set => SetProperty(ref _collectionViewHeight, value);
}

// 子元素更新、布局变动时触发高度刷新
private void UpdateCollectionHeight()
{
    double totalHeight = 0;
    foreach (var item in Items)
    {
        // 按单个item的实际内容计算渲染高度，可提前缓存异步加载内容的尺寸
        totalHeight += CalculateItemActualHeight(item);
    }
    // 叠加行间距、分组头/尾部的高度
    totalHeight += (Items.Count - 1) * collectionView.ItemsLayout.Spacing;
    CollectionViewHeight = totalHeight;
}

• XAML中绑定高度并关闭自身滚动：

<CollectionView 
    ItemsSource="{Binding Items}"
    HeightRequest="{Binding CollectionViewHeight}"
    IsScrollEnabled="False"/>

注意事项：如果子元素包含异步加载内容（比如网络图片、富文本），需要在内容加载完成后重新触发高度计算，避免高度计算缺失。禁止在可滚动容器内部嵌套开启滚动的CollectionView，会出现滑动事件冲突。

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