Question

我有一张图片想要它适合宽度，但由于它很长，我需要保持最顶部可见，我尝试使用ImageView：

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@mipmap/day_length_background"
    android:scaleType="centerCrop"
    android:adjustViewBounds="true"
    />

但结果是：

我无法使用fitXY，因为它会改变宽高比。

我需要它像这样

Answer 1

尝试scaleType="fitStart"

使用Matrix.ScaleToFit.START缩放图像

Matrix.ScaleToFit.START：计算将维持的标度   原始src宽高比，但也将确保src完全适合   在dst内。至少一个轴（X或Y）将完全适合。开始对齐   结果到dst的左边和上边缘。

参考此处：https://robots.thoughtbot.com/android-imageview-scaletype-a-visual-guide#fit_start

Answer 2

您可以使用 TopCropImageView 的这个实现：

class TopCropImageView : AppCompatImageView {
    constructor(context: Context) : super(context) {
        init()
    }

    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {
        init()
    }

    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
        init()
    }

    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
        super.onLayout(changed, left, top, right, bottom)
        recomputeImgMatrix()
    }

    override fun setFrame(l: Int, t: Int, r: Int, b: Int): Boolean {
        recomputeImgMatrix()
        return super.setFrame(l, t, r, b)
    }

    private fun init() {
        scaleType = ScaleType.MATRIX
    }

    private fun recomputeImgMatrix() {
        val drawable = drawable ?: return
        val matrix = imageMatrix
        val scale: Float
        val viewWidth = width - paddingLeft - paddingRight
        val viewHeight = height - paddingTop - paddingBottom
        val drawableWidth = drawable.intrinsicWidth
        val drawableHeight = drawable.intrinsicHeight
        scale = if (drawableWidth * viewHeight > drawableHeight * viewWidth) {
            viewHeight.toFloat() / drawableHeight.toFloat()
        } else {
            viewWidth.toFloat() / drawableWidth.toFloat()
        }
        matrix.setScale(scale, scale)
        imageMatrix = matrix
    }
}

顶部将对齐，视图将在底部裁剪。

Answer 3

centercrop是你的问题。试试fitXY，如果纵横比大致相同，它应该可以工作。

Answer 4

将您的图片放到 drawable 文件夹中，然后将图片放到您的布局背景中，即

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/image">

Answer 5

你也可以将你的观点减半

或者可以在java中使用自定义矩阵

if (imageView.getScaleType() != ImageView.ScaleType.MATRIX) {
                    imageView.setScaleType(ImageView.ScaleType.MATRIX);
                }
                Matrix m = imageView.getImageMatrix();
                int dw = imageView.getDrawable().getIntrinsicWidth();
                int dh = imageView.getDrawable().getIntrinsicHeight();
                int msWidth, msHeight;
                float scalew, scaleh;

                Display display = activity.getWindowManager().getDefaultDisplay();
                Point size = new Point();
                display.getSize(size);
                msWidth = size.x;
                if (imageView.getLayoutParams().width == ViewGroup.LayoutParams.WRAP_CONTENT) {
                    msWidth = dw < msWidth ? dw : msWidth;
                }
                scalew = (float) msWidth / dw;
                msHeight = size.y;
                if (imageView.getLayoutParams().height == ViewGroup.LayoutParams.WRAP_CONTENT) {
                    msHeight = dh < msHeight ? dh : msHeight;
                }
                scaleh = (float) msHeight / dh;
                float scale = Math.max(scalew, scaleh);

                m.setScale(scale, scale);
                m.postTranslate(0, 0);
                imageView.setImageMatrix(m);
            }

ImageView适合宽度，从顶部开始

5 个答案: