Android：选中相框尺寸匹配弹窗相框及图片缩放实现求助

需求回顾 #

• 左侧有一组固定尺寸的相框图片列表，选中任意一张时，弹窗需生成与选中图片比例完全一致的相框：选方形则弹窗显示方形相框，选矩形则显示对应比例的矩形相框。

原代码问题分析 #

原scaleImage方法逻辑有误：它用选中相框的宽度和原图宽度的比例去缩放原图高度，这是把原图适配到相框宽度，没有保证弹窗相框的比例和选中相框一致，完全偏离需求。

修正方案与代码 #

核心思路是先锁定选中相框的宽高比，再根据弹窗的可用空间计算相框的实际尺寸，保证比例完全匹配：

/**
 * 根据选中相框的比例调整弹窗相框尺寸
 * @param size 选中的相框尺寸
 */
public void scaleImage(Size size) {
    if (mPreview == null || mBitmap == null) {
        return;
    }

    // 计算选中相框的宽高比（宽/高）
    double frameRatio = (double) size.getWidth() / size.getHeight();

    // 这里以弹窗占屏幕宽度80%为例，可根据你的布局需求调整宽度基准
    DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
    int targetWidth = (int) (displayMetrics.widthPixels * 0.8);
    // 按比例算出对应高度，确保相框比例和选中的一致
    int targetHeight = (int) (targetWidth / frameRatio);

    // 设置弹窗相框的布局参数
    ViewGroup.LayoutParams layoutParams = mPreview.getLayoutParams();
    layoutParams.width = targetWidth;
    layoutParams.height = targetHeight;
    mPreview.setLayoutParams(layoutParams);

    // 缩放原图适配相框尺寸（如果需要让图片填满相框，用createScaledBitmap；若要保持原图比例，可设置ImageView的ScaleType）
    Bitmap scaledBitmap = Bitmap.createScaledBitmap(mBitmap, targetWidth, targetHeight, true);
    mPreview.setImageBitmap(scaledBitmap);
}

额外说明 #

• 如果弹窗相框的宽度是由布局match_parent决定的，需要在布局完成后（比如onWindowFocusChanged或View.post回调里）获取mPreview的实际宽度，再计算高度。
• 若要让原图保持自身比例、不拉伸变形，可去掉createScaledBitmap的逻辑，直接设置mPreview.setScaleType(ImageView.ScaleType.CENTER_CROP)或FIT_CENTER，这样相框是选中的比例，图片在内部按自身比例显示。

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