Android技术问题：如何从底部向上裁剪图片并叠加至原图

看起来你是想把原图裁剪掉一部分（比如50%）后，把裁剪后的部分叠加回原图，但代码跑出来的效果和预期完全相反？我帮你分析下问题，再给你修正方案。

问题诊断 #

这种反向效果，90%的概率是裁剪区域的起始坐标或高度计算搞反了。比如你想保留原图的上半部分，结果代码裁了下半部分；或者你想随着进度增加保留更多区域，结果代码反而裁掉更多。

从你给出的代码片段来看，核心问题应该出在Bitmap.createBitmap()的参数上——这个方法的裁剪区域是(原图, 起始X, 起始Y, 裁剪宽度, 裁剪高度)，如果起始Y或者裁剪高度的计算逻辑和你的预期相反，就会出现反向效果。

修正后的完整代码 #

假设你的需求是：percentageCompleted从0到1时，裁剪后的图从完整原图逐渐缩小到保留顶部N%（比如0.5就是保留顶部50%），然后叠加到原图上。修正后的代码如下：

public void setOverlay(ImageView image, Bitmap originalBitmap, double percentageCompleted) {
    int height = originalBitmap.getHeight();
    int width = originalBitmap.getWidth();
    Bitmap cropped;

    if (percentageCompleted <= 0) {
        // 进度为0时，直接用原图（或者根据需求不叠加）
        cropped = originalBitmap;
    } else {
        // 计算要保留的高度：比如进度0.5，保留原图50%的高度
        int keepHeight = (int) (height * percentageCompleted);
        // 裁剪顶部区域：起始Y=0，高度为keepHeight
        // 如果你的需求是保留底部区域，就把起始Y改成height - keepHeight
        cropped = Bitmap.createBitmap(originalBitmap, 0, 0, width, keepHeight);
    }

    // 创建画布，把原图和裁剪后的图叠加
    Bitmap combinedBitmap = Bitmap.createBitmap(width, height, originalBitmap.getConfig());
    Canvas canvas = new Canvas(combinedBitmap);
    // 先绘制原图作为底层
    canvas.drawBitmap(originalBitmap, 0, 0, null);
    // 再绘制裁剪后的图（这里叠加在顶部，和裁剪区域对应）
    canvas.drawBitmap(cropped, 0, 0, null);

    // 把最终的叠加图设置到ImageView
    image.setImageBitmap(combinedBitmap);
}

关键修正点 #

• 如果原来的代码用了height - keepHeight作为起始Y，那裁剪的是底部区域，和你要的顶部区域相反，把起始Y改成0就好了；
• 如果你是想随着进度增加裁剪掉顶部，保留底部，那把起始Y改成height - keepHeight即可；
• 注意处理边界情况：比如percentageCompleted超过1的时候，限制为1，避免出现裁剪高度为负的异常。

验证方法 #

你可以在代码里加个日志，打印keepHeight和cropped.getHeight()的值，当percentageCompleted=0.5时，确认裁剪后的图高度是原图的一半，并且是你预期的那部分区域。

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