宽度自适应ImageView，宽度始终充满显示区域，高度成比例缩放

最新推荐文章于 2021-05-30 12:19:34 发布

原创最新推荐文章于 2021-05-30 12:19:34 发布 · 2.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

android相关

该博客探讨了如何让ImageView在不同设备上宽度始终充满屏幕，同时保持图片高度按比例缩放，确保不失真。通过调整布局和设置图片加载参数，可以达到理想的显示效果。

/**
 * @author chenli
 * @create 2019/4/26
 * @Describe
 */

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;

/**
 * 宽度自适应ImageView，宽度始终充满显示区域，高度成比例缩放
 */
public class AutoScaleWidthImageView extends android.support.v7.widget.AppCompatImageView {

    public AutoScaleWidthImageView (Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Drawable d = getDrawable();

        if(d!=null){
            // ceil not round - avoid thin vertical gaps along the left/right edges
            int width = MeasureSpec.getSize(widthMeasureSpec);
            //高度根据使得图片的宽度充满屏幕计算而得
            int height = (int) Math.ceil((float) width * (float) d.getIntrinsicHeight() / (float) d.getIntrinsicWidth());
            setMeasuredDimension(width, height);
        }else{
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }
}


  <framework.widgets.AutoScaleWidthImageView
                android:id="@+id/iv_pic"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintTop_toTopOf="parent"/>

//用glide加载图片的时候记得设置fiterCenter
 imageLoader.loadImage(InterestActivity.this
, ImageConfigImpl.builder()
.errorPic(R.drawable.default_img)
.isFiterCenter(true)
.imageView((ImageView) convertView)
.url(https://blog.csdn.net/mFilesArr.get(position))
.build());