java - 使用滑动加载图像并更改纵横比

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.with(mThumb.getContext())
          .load(getThumbUrl())
          .into(mThumb);

当我加载宽高比为 16:9 的图像时，一切都很好。但是，当我加载另一张图片时，高度会调整为图片的高度。

我尝试添加约束布局尺寸比

app:layout_constraintDimensionRatio="16:9"

我尝试使用 adjustViewBounds 和 scaleType 但没有成功。

所以我认为我应该在将位图加载到 imageview 之前使用 Glide 来调整位图，但我找不到关于它的教程。

如何显示宽度 match_parent 和高度计算为纵横比 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。

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);
    }
}

这将生成一个 ImageView，其硬编码比例为 16/9。您可以为其使用自定义属性以使其更加灵活。

更新:-现在使用 ConstraintsLayout 可以很容易地按比例打破 View 。你可以试试看。

<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>