Question

我有一个imageview，我想用Glide加载图像。这里的事情是，我希望所有图像都具有相同的高度（宽度match_parent），根据16：9的宽高比。

<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的图像时，一切都很棒。但是，当我加载另一个图像时，高度会调整到图像的高度。

我尝试添加Constraint布局尺寸比率

app:layout_constraintDimensionRatio="16:9"

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

所以我认为我应该使用Glide来调整位图，然后再将其加载到imageview，但我找不到相关的教程。

如何以宽高比16：9？

显示宽度match_parent和height计算的图像

谢谢，

注意：我试过

<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比例的图像视图。

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。您可以使用自定义属性使其更灵活。

Answer 2

另一种方法是使用this post中描述的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);
    }

})

使用滑动和更改宽高比加载图像

2 个答案: