ScrollView中ImageView的Bitmap被裁剪及FrameLayout动态调整异常咨询

嘿，这个问题我做项目时也踩过坑！本质是动态修改FrameLayout尺寸后，自定义的滚动ImageView没跟上尺寸变化的节奏，导致绘制范围和滚动逻辑脱节了。下面给你拆解原因和具体解决办法：

为啥会出现裁剪？ #

当你修改FrameLayout的宽高后，虽然它和内部ImageView的布局尺寸变了，但自定义的Scrollable ImageView大概率没重新计算可滚动的边界，也没重置绘制的起始位置——原来的Bitmap绘制逻辑还是基于旧的尺寸，自然就会把底部内容切掉。另外如果ImageView的scaleType设置不当，也会雪上加霜。

具体解决步骤 #

1. 补全自定义ScrollableImageView的尺寸变更逻辑 #

如果你是自己实现的ScrollableImageView，一定要重写onSizeChanged方法，在尺寸变化时重新计算滚动范围并触发重绘：

public class ScrollableImageView extends ImageView {
    private float mScrollX, mScrollY;
    private float mMaxScrollX, mMaxScrollY;

    // 这里是你原来处理触摸滚动的onTouchEvent代码
    // ...

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        // 重新计算最大滚动边界
        calculateMaxScrollBounds();
        // 把当前滚动位置拉回新的合法范围，避免超出边界
        mScrollX = Math.max(0, Math.min(mScrollX, mMaxScrollX));
        mScrollY = Math.max(0, Math.min(mScrollY, mMaxScrollY));
        // 触发重绘
        invalidate();
    }

    private void calculateMaxScrollBounds() {
        Drawable drawable = getDrawable();
        if (drawable == null) {
            mMaxScrollX = mMaxScrollY = 0;
            return;
        }
        // 计算缩放后的Drawable实际尺寸
        float drawableWidth = drawable.getIntrinsicWidth() * getScaleX();
        float drawableHeight = drawable.getIntrinsicHeight() * getScaleY();
        // 最大滚动距离 = Drawable尺寸 - View当前尺寸
        mMaxScrollX = Math.max(0, drawableWidth - getWidth());
        mMaxScrollY = Math.max(0, drawableHeight - getHeight());
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 先平移画布再绘制，保证滚动位置正确
        canvas.translate(-mScrollX, -mScrollY);
        super.onDraw(canvas);
    }
}

2. 修改FrameLayout尺寸后主动触发ImageView更新 #

光改LayoutParams还不够，得手动让ImageView重新测量和绘制，避免延迟或不生效：

// 修改FrameLayout尺寸的代码
FrameLayout imageFrame = findViewById(R.id.frameLayout_image);
ViewGroup.LayoutParams frameParams = imageFrame.getLayoutParams();
frameParams.width = yourNewWidth; // 你的目标宽度
frameParams.height = yourNewHeight; // 你的目标高度
imageFrame.setLayoutParams(frameParams);

// 强制让ImageView更新
ScrollableImageView scrollableImg = findViewById(R.id.your_scrollable_img_id);
scrollableImg.requestLayout();
scrollableImg.invalidate();

3. 把ScaleType设为Matrix #

一定要把ImageView的scaleType改成matrix，自定义滚动需要手动控制绘制位置，用其他类型（比如fitCenter）会自动缩放居中，和滚动逻辑冲突：

<com.yourpackage.ScrollableImageView
    android:id="@+id/your_scrollable_img_id"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="matrix" />

4. 解决ScrollView和ImageView的滚动冲突 #

因为FrameLayout在ScrollView里，容易出现滚动事件被ScrollView抢走的情况，间接导致裁剪问题。给FrameLayout加个属性拦截子View的触摸事件：

<FrameLayout
    android:id="@+id/frameLayout_image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/grid..."
    android:descendantFocusability="blocksDescendants">

    <!-- 你的ScrollableImageView -->
</FrameLayout>

验证效果 #

按上面的步骤修改后，再动态调整FrameLayout的尺寸，Bitmap应该就能完整显示，滚动范围也会适配新尺寸了！

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