你如何像 centerCrop 一樣縮放 ImageView，但從頂部開始？

Question

假設我從 API 獲取一些圖像。 我事先不知道圖像的尺寸是多少，但我知道我希望該圖像成為我已設置為某個特定尺寸的ImageView的src 。 我想要從 API 獲得的任何圖像來填充整個ImageView ，我想要保留縱橫比，並且我不在乎一個維度（寬度或高度）對於視圖的設置大小是否變得太大 - 所以我使用centerCrop 。

<ImageView
  android:layout_width="400px"
  android:layout_height="300px"
  android:scaleType="centerCrop" />

如果從 API 返回的圖像是這樣的：

當它被設置為ImageView的 src 時，結果將類似於此（陰影部分被裁剪掉）：

但是，我收到一個要求，我們應該始終顯示圖像的頂部並從下往上裁剪。 所以想要的結果是這樣的：

我確信這是可能的，但我是一個在這里超出他的聯盟的網絡人。 以某種方式擴展ImageView會更好，還是嘗試scaleType="matrix"和setImageMatrix()或第三個未提及的選項？

Answer 1

使用這個TopCropImageView 要點

import android.content.Context;
import android.graphics.Matrix;
import android.widget.ImageView;

/**
* ImageView to display top-crop scale of an image view.
*
* @author Chris Arriola
*/
public class TopCropImageView extends ImageView {

    public TopCropImageView(Context context) {
        super(context);
        setScaleType(ScaleType.MATRIX);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        recomputeImgMatrix();
    }

    @Override
    protected boolean setFrame(int l, int t, int r, int b) {
        recomputeImgMatrix();
        return super.setFrame(l, t, r, b);
    }      

    private void recomputeImgMatrix() {
        final Matrix matrix = getImageMatrix();

        float scale;
        final int viewWidth = getWidth() - getPaddingLeft() - getPaddingRight();
        final int viewHeight = getHeight() - getPaddingTop() - getPaddingBottom();
        final int drawableWidth = getDrawable().getIntrinsicWidth();
        final int drawableHeight = getDrawable().getIntrinsicHeight();

        if (drawableWidth * viewHeight > drawableHeight * viewWidth) {
            scale = (float) viewHeight / (float) drawableHeight;
        } else {
            scale = (float) viewWidth / (float) drawableWidth;
        }

        matrix.setScale(scale, scale);
        setImageMatrix(matrix);
    }
}

Answer 2

如果您使用 Glide，您可以使用自定義轉換。 隨意使用我的（它幾乎是 Glide 的 CenterCrop 類的副本），它需要百分比：

https://gist.github.com/bjornson/3ff8888c09908d5c6cc345d0a8e1f6a7

像任何其他位圖轉換一樣使用它：

Glide.with(getContext())
    .load(imagePath)
    .transform(new PositionedCropTransformation(getContext(), 1, 0))
    .into(imageView);

常用值：左上：0, 0 右上：0, 1 左下：1, 0 右下：1, 1

使用 0.5f 作為中心

Answer 3

PositionedCropTransformation 轉換代碼以支持 Glide v4.x https://gist.github.com/bjornson/3ff8888c09908d5c6cc345d0a8e1f6a7

Answer 4

如果您使用 Glide，您可以通過以下方式使用 optionalTransform：

Glide.with(context).load("http:///...")
            .override(300, 300)
            .optionalTransform(
                  new Transformation<Bitmap>() {
                     @NonNull
                     @Override
                     public Resource<Bitmap> transform(@NonNull Context context, 
                    @NonNull Resource<Bitmap> resource, int outWidth, int outHeight) {
                                       resource.get().setHeight(YOUR_CUSTOM_HIGHT);
                                       return resource;
                                   }

                    @Override 
                    public void updateDiskCacheKey(@NonNull MessageDigest messageDigest) {

                                   }
                               }

            )
           into(binding.img);