使用Glide加载图片并更改宽高比

Question

我有一个ImageView，我想用Glide将一张图片加载到其中。问题在于，我希望所有的图片都按照16:9的宽高比具有相同的高度（宽度为match_parent）。

<ImageView
  android:id="@+id/thumbImage"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:adjustViewBounds="true"
  android:contentDescription="@string/thumbnail_text"
  android:scaleType="fitCenter"
  android:src="@drawable/thumbnail_default"
  android:cropToPadding="true"

  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintTop_toTopOf="parent"
  app:layout_constraintBottom_toTopOf="@id/thumbTitle"/>

Glide代码

Glide.with(mThumb.getContext())
          .load(getThumbUrl())
          .into(mThumb);

当我加载一个16:9宽高比的图片时，一切都很好。然而，当我加载另一张图片时，高度会根据图片的高度进行调整。 我尝试添加约束布局的尺寸比例。

app:layout_constraintDimensionRatio="16:9"

我尝试使用adjustViewBounds和scaleType进行调整，但没有成功。

因此，我认为我应该在加载图像之前使用Glide来调整位图，但我找不到相关的教程。

如何实现宽度匹配父布局并且高度按照16:9的纵横比计算的图片显示？

谢谢，

注意：我尝试过

<ImageView
                android:id="@+id/thumbImage"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:adjustViewBounds="true"
                android:contentDescription="@string/thumbnail_text"
                android:scaleType="centerCrop"
                android:src="@drawable/thumbnail_default"
                android:cropToPadding="true"
                app:layout_constraintDimensionRatio="H,16:9"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintBottom_toTopOf="@id/thumbTitle"/>

它能正常工作，但如果方向改变，高度就变为0。

- MeCe

---

你试过把width=0也加上吗？ - Geethakrishna Juluri

当我将宽度设置为0时，图像不知何故不可见。 - MeCe

Answer 1

一个可行的方法是使用16:9比例的ImageView。

public class CustomImageView extends AppCompatImageView {
    public CustomImageView(Context context) {
        super(context);
    }

    public CustomImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width = getMeasuredWidth();
        int height=(width * 9) / 16;
        setMeasuredDimension(width, height);
    }
}

这将创建一个固定比例为 16/9 的 ImageView。你可以使用自定义属性来增加其灵活性。

更新：- 现在通过使用 ConstraintsLayout，可以轻松地按比例分割视图。您可以尝试以下操作。

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/expandableModes"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:layout_constraintDimensionRatio="16:9"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
 </androidx.constraintlayout.widget.ConstraintLayout>

- ADM

---

啊，非常抱歉，边走边打字！没意识到自己写的一团糟。 - esQmo_

Answer 2

另一种方法是使用在这篇文章中介绍的SimpleTarget<>。然后，您可以根据当前图像的大小调整图像大小。

Glide.with(context).load(url).asBitmap().into(new SimpleTarget<Bitmap>{

    @Override
    public void onResourceReady(Bitmap resource,GlideAnimation<? extends Bitmap>(){
           // resize the bitmap
           bitmap = resize(width,height);
           // set the image to the imageView
           imageView.setImageBitmap(bitmap);
    }

})

- Eselfar

---

@FlorescuGeorgeCătălin 嗯...没错。我没有注意到那个。 - Eselfar