Android，根据宽度，自动缩放高度

最新推荐文章于 2023-04-15 21:10:04 发布

原创最新推荐文章于 2023-04-15 21:10:04 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android #图片宽高比例

Android基础专栏收录该内容

87 篇文章

订阅专栏

本文介绍了一种在不同屏幕尺寸下保持图片宽高比，同时实现图片宽度铺满屏幕，高度自动缩放的方法。通过调整ImageView属性和使用代码监听布局变化，确保了图片在平板等大屏幕设备上的美观展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中有一个需求，就是展示图片宽度铺满，但是高度是要自动缩放的。来上一个最普通的代码：

<ImageView
  android:id="@+id/img_background"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:src="@mipmap/qr1"
  android:scaleType="centerCrop"/>

在平板上，大屏幕尺寸的效果是这样

这里写图片描述

这么丑，怎么可以忍？真实的效果应该要这样的：

这里写图片描述

好了，下面说下怎么做的。

1、加上android:adjustViewBounds=”true”，它的作用是保持宽高比。

<ImageView
            android:id="@+id/img_background"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:scaleType="centerCrop"
            android:adjustViewBounds="true"
            android:src="@mipmap/qr1" />

2、代码

ViewTreeObserver vto = img_background.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                img_background.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                WindowManager wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
                DisplayMetrics dm = new DisplayMetrics();
                wm.getDefaultDisplay().getMetrics(dm);
                int width = dm.widthPixels;         // 屏幕宽度（像素）
                int height = dm.heightPixels;       // 屏幕高度（像素）
                int screenWidth =width; // 获取屏幕宽度
                ViewGroup.LayoutParams lp = img_background.getLayoutParams();
                lp.width = screenWidth;
                lp.height = ViewGroup.LayoutParams.WRAP_CONTENT;
                img_background.setLayoutParams(lp);
                img_background.setMaxWidth(screenWidth);
                img_background.setMaxHeight(screenWidth * 5); 
}