Android中通过代码设置CardView宽高，解决图片拉伸问题

我懂你现在的困扰——把数据库里的图片加载到CardView后，图片被拉得变形，而且CardView的高度完全不受控制，想通过代码来搞定对吧？我给你整理了几个实用的解决方案，直接套代码就能试：

直接给CardView设置固定宽高，同时让图片用正确的缩放逻辑避免拉伸，适合你需要统一CardView大小的场景：

public void CreateCardView(final Users u) throws IOException {
    // 初始化CardView
    CardView cardView = new CardView(context);
    
    // 设置固定宽高（单位是像素，建议转成dp适配不同屏幕，后面会说）
    CardView.LayoutParams cardParams = new CardView.LayoutParams(
            500,  // 固定宽度
            600   // 固定高度，根据你的需求调整
    );
    cardParams.setMargins(10,10,10,20);
    cardView.setLayoutParams(cardParams);

    // 初始化显示图片的ImageView
    ImageView imageView = new ImageView(context);
    // 选择合适的缩放模式：CENTER_CROP是填满ImageView且保持比例（可能裁掉部分）
    // 要是想完整显示图片就用FIT_CENTER，不过可能会留空白
    imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

    // 把ImageView加到CardView里
    cardView.addView(imageView);

    // 替换成你从数据库加载图片的逻辑，比如设置Bitmap或者用图片加载库
    // imageView.setImageBitmap(yourBitmapFromDB);

    // 最后把CardView加到父布局
    mLoginFormView.addView(cardView);
}

如果不想固定高度，想让CardView高度跟着图片走，就先获取图片的宽高比例，再计算对应CardView的高度：

public void CreateCardView(final Users u) throws IOException {
    CardView cardView = new CardView(context);
    int fixedCardWidth = 500; // 固定CardView宽度
    CardView.LayoutParams cardParams = new CardView.LayoutParams(
            fixedCardWidth,
            CardView.LayoutParams.WRAP_CONTENT // 高度让内容决定
    );
    cardParams.setMargins(10,10,10,20);
    cardView.setLayoutParams(cardParams);

    ImageView imageView = new ImageView(context);
    imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

    // 假设你已经从数据库拿到了Bitmap
    Bitmap imageBitmap = getBitmapFromDatabase(u);
    if (imageBitmap != null) {
        // 计算图片的宽高比，根据CardView宽度算出对应高度
        float imageRatio = (float) imageBitmap.getHeight() / imageBitmap.getWidth();
        int calculatedImageHeight = (int) (fixedCardWidth * imageRatio);

        // 设置ImageView的布局参数，让它撑满CardView宽度，高度按比例来
        LinearLayout.LayoutParams imageParams = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT,
                calculatedImageHeight
        );
        imageView.setLayoutParams(imageParams);
        imageView.setImageBitmap(imageBitmap);
    }

    cardView.addView(imageView);
    mLoginFormView.addView(cardView);
}

• 如果用Glide、Picasso这类图片加载库，能省不少事，比如Glide可以直接指定图片尺寸+控制缩放：

  Glide.with(context)
       .load(yourImageSource)
       .override(500, calculatedImageHeight) // 指定尺寸
       .centerCrop() // 保持比例
       .into(imageView);
  

• 直接写像素值在不同屏幕上显示会有差异，建议加个dp转px的工具方法：

  private int dpToPx(int dp) {
      return (int) (dp * context.getResources().getDisplayMetrics().density);
  }
  

  之后用dpToPx(200)代替直接写500这类像素值，适配性更好。

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