基于音频比特率绘制波形后，如何调整Canvas宽度适配内容？

我来帮你搞定这个Canvas尺寸适配的问题！核心思路是先算出波形内容的实际宽度，再动态调整View的尺寸，而不是在绘制阶段硬套全屏宽度。下面是具体的实现步骤和代码修改建议：

1. 计算波形内容的实际宽度 #

你的波形数据存在mHeightsAtThisZoomLevel数组里，每个元素对应波形上的一个像素宽度，所以整个波形的实际宽度就是这个数组的长度。你可以在计算完波形数据的方法（也就是computeIntsForThisZoomLevel()）里，顺便算出需要的宽度，然后更新View的布局参数。

修改computeIntsForThisZoomLevel()方法，在末尾添加尺寸调整逻辑：

private void computeIntsForThisZoomLevel() {
    // 原来的波形数据计算逻辑...
    
    // 新增：计算波形实际需要的宽度
    int requiredWaveformWidth = mHeightsAtThisZoomLevel.length;
    // 可以设置一个最小宽度，避免内容过窄时View太难看
    int minWidth = getResources().getDimensionPixelSize(R.dimen.min_waveform_width);
    requiredWaveformWidth = Math.max(requiredWaveformWidth, minWidth);
    
    // 如果当前View宽度和需要的宽度不一致，更新布局
    if (getMeasuredWidth() != requiredWaveformWidth) {
        ViewGroup.LayoutParams params = getLayoutParams();
        params.width = requiredWaveformWidth;
        // 高度保持原来的设置，或者按需调整
        params.height = getMeasuredHeight();
        setLayoutParams(params);
        requestLayout(); // 触发重新布局和绘制
    }
}

2. 调整onDraw()里的绘制逻辑 #

现在View的宽度已经适配了波形内容，你可以简化onDraw里的宽度限制逻辑：

protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if (mSoundFile == null) return;
    if (mHeightsAtThisZoomLevel == null) computeIntsForThisZoomLevel();
    
    int measuredWidth = getMeasuredWidth();
    int measuredHeight = getMeasuredHeight();
    int start = mOffset;
    // 现在width直接取波形剩余长度，不需要再和measuredWidth比较（因为View宽度已经适配了）
    int width = mHeightsAtThisZoomLevel.length - start;
    // 如果偏移后剩余长度超过View宽度（比如滚动时），还是要限制一下
    if (width > measuredWidth) {
        width = measuredWidth;
    }
    int ctr = measuredHeight / 2;
    
    // 绘制网格的逻辑保持不变...
    
    // 绘制波形的逻辑保持不变...
}

关键注意事项 #

• 不要在onDraw()里直接修改View尺寸：onDraw是绘制阶段，修改布局参数会触发requestLayout()，进而再次调用onDraw，导致无限循环。所以一定要在数据准备完成的阶段（比如computeIntsForThisZoomLevel()）去调整尺寸。
• 处理滚动/偏移场景：如果你的波形支持滚动（通过mOffset控制），那View的宽度应该设置为整个波形的宽度，这样滚动时用户可以看到完整内容；如果只需要显示当前可见部分，那可以根据可见区域计算宽度，但你的需求是适配内部绘制内容，所以设置为整个波形宽度更合理。
• 最小宽度限制：添加最小宽度可以避免波形数据过少时View变得过窄，提升UI美观度。

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