如何在 ImageView 中缩放图像以保持纵横比

Question

在 Android 中，我将ImageView的layout_width定义为fill_parent （占据手机的整个宽度）。

如果我放入ImageView的图像大于layout_width ，Android 会缩放它，对吗？ 但是身高呢？ 当Android缩放图像时，它会保持纵横比吗？

我发现当 Android 缩放比ImageView大的图像时， ImageView的顶部和底部有一些空白。 真的吗？ 如果是，我怎样才能消除那个空白？

Answer 1

1. 是的，默认情况下，Android 会缩小您的图像以适合 ImageView，同时保持纵横比。 但是，请确保您使用android:src="..."而不是android:background="..."将图像设置为 ImageView。 src=使它缩放图像保持纵横比，但background=使它缩放和扭曲图像以使其完全适合 ImageView 的大小。 （不过，您可以同时使用背景和源，这对于在主图像周围显示框架等操作非常有用，仅使用一个 ImageView。）

2. 您还应该看到android:adjustViewBounds使 ImageView 调整自身大小以适应重新缩放的图像。 例如，如果您在通常为方形 ImageView 的地方有一个矩形图像，则 adjustViewBounds=true 会将 ImageView 的大小也调整为矩形。 这会影响其他 Views 在 ImageView 周围的布局。

   然后正如 Samuh 所写，您可以使用android:scaleType参数更改它默认缩放图像的方式。 顺便说一下，发现它是如何工作的最简单的方法就是自己尝试一下！ 请记住查看模拟器本身（或实际手机）中的布局，因为 Eclipse 中的预览通常是错误的。

Answer 2

请参阅android:adjustViewBounds 。

如果您希望 ImageView 调整其边界以保留其可绘制对象的纵横比，请将其设置为 true。

Answer 3

对于有这个特殊问题的其他人。 您有一个ImageView ，您希望它的宽度为fill_parent而高度按比例缩放：

将这两个属性添加到您的ImageView ：

android:adjustViewBounds="true"
android:scaleType="centerCrop"

并将ImageView宽度设置为fill_parent ，将高度设置为wrap_content 。

另外，如果您不想裁剪图像，请尝试以下操作：

 android:adjustViewBounds="true"
 android:layout_centerInParent="true"

Answer 4

如果您想要在保持适当纵横比的同时放大和缩小的ImageView ，请将其添加到您的 XML 中：

android:adjustViewBounds="true"
android:scaleType="fitCenter"

将此添加到您的代码中：

// We need to adjust the height if the width of the bitmap is
// smaller than the view width, otherwise the image will be boxed.
final double viewWidthToBitmapWidthRatio = (double)image.getWidth() / (double)bitmap.getWidth();
image.getLayoutParams().height = (int) (bitmap.getHeight() * viewWidthToBitmapWidthRatio);

我花了一段时间才开始工作，但这似乎适用于图像小于屏幕宽度和大于屏幕宽度的情况，并且它不会将图像装箱。

Answer 5

这对我有用：

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxWidth="39dip"
android:scaleType="centerCrop"
android:adjustViewBounds ="true"

Answer 6

这就是它在 ConstraintLayout 中对我的工作方式：

<ImageView
    android:id="@+id/myImg"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:scaleType="fitCenter"
    android:adjustViewBounds="true"/>

然后在代码中，我将 drawable 设置为：

ImageView imgView = findViewById(R.id.myImg);
imgView.setImageDrawable(ResourcesCompat.getDrawable(getResources(), R.drawable.image_to_show, null));

这根据其纵横比很好地适合图像并将其保持在中心。

Answer 7

这解决了我的问题

android:adjustViewBounds="true"
android:scaleType="fitXY"

Answer 8

下面的代码用于缩放图像作为纵横比：

Bitmap bitmapImage = BitmapFactory.decodeFile("Your path");
int nh = (int) ( bitmapImage.getHeight() * (512.0 / bitmapImage.getWidth()) );
Bitmap scaled = Bitmap.createScaledBitmap(bitmapImage, 512, nh, true);
your_imageview.setImageBitmap(scaled);

Answer 9

看看ImageView.ScaleType控制和理解调整大小的方式发生在一个ImageView 。 当调整图像大小时（同时保持其纵横比），图像的高度或宽度可能会小于ImageView的尺寸。

Answer 10

在 ImageView 中使用这些属性来保持纵横比：

android:adjustViewBounds="true"
android:scaleType="fitXY"

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:scaleType="fitXY"
    />

Answer 11

我的图像比屏幕小。 为了让它按比例拉伸到最大值并在视图中居中，我必须使用以下代码：

<ImageView
    android:id="@+id/my_image"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerInParent="true"
    android:adjustViewBounds="true"
    android:layout_weight="1"
    android:scaleType="fitCenter" />

但是请记住，如果您有一个相对布局并且将某些元素设置在 ImageView 上方或下方，它们很可能会与图像重叠。

Answer 12

如果图像质量下降：使用

android:adjustViewBounds="true"

代替

android:adjustViewBounds="true"
android:scaleType="fitXY"

Answer 13

对于任何想要图像以适当缩放且不使用裁剪来精确匹配图像视图的人

imageView.setScaleType(ScaleType.FIT_XY);

其中 imageView 是代表您的 ImageView 的视图

Answer 14

您可以计算屏幕宽度。 您可以缩放位图。

 public static float getScreenWidth(Activity activity) {
        Display display = activity.getWindowManager().getDefaultDisplay();
        DisplayMetrics outMetrics = new DisplayMetrics();
        display.getMetrics(outMetrics);
        float pxWidth = outMetrics.widthPixels;
        return pxWidth;
    }

---

按屏幕宽度计算屏幕宽度和缩放图像高度。

float screenWidth=getScreenWidth(act)
  float newHeight = screenWidth;
  if (bitmap.getWidth() != 0 && bitmap.getHeight() != 0) {
     newHeight = (screenWidth * bitmap.getHeight()) / bitmap.getWidth();
  }

之后就可以缩放位图了。

Bitmap scaledBitmap=Bitmap.createScaledBitmap(bitmap, (int) screenWidth, (int) newHeight, true);

Answer 15

以编程方式执行此操作时，请确保以正确的顺序调用 setter：

imageView.setAdjustViewBounds(true)
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP)

Answer 16

如果您希望您的图像占据最大可能的空间，那么最好的选择是

android:layout_weight="1"
android:scaleType="fitCenter"

Answer 17

哟不需要任何java代码。 你只需要：

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:scaleType="centerCrop" />

关键在于宽度和高度的匹配父级

Answer 18

我用这个：

<ImageView
android:id="@+id/logo"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerInParent="true"
android:scaleType="centerInside"
android:src="@drawable/logo" />

Answer 19

尝试将android:layout_gravity用于 ImageView：

android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_gravity="center_vertical|center_horizontal"
android:layout_weight="1"

上面的例子对我有用。

Answer 20

我有一个算法来缩放位图以最适合容器尺寸，保持其纵横比。 请在这里找到我的解决方案

希望这可以帮助有人走下坡路！

Answer 21

通过您的 ImageView 并根据屏幕高度和宽度，您可以制作它

    public void setScaleImage(EventAssetValueListenerView view){
        // Get the ImageView and its bitmap
        Drawable drawing = view.getDrawable();
        Bitmap bitmap = ((BitmapDrawable)drawing).getBitmap();
        // Get current dimensions
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();

        float xScale = ((float) 4) / width;
        float yScale = ((float) 4) / height;
        float scale = (xScale <= yScale) ? xScale : yScale;

        Matrix matrix = new Matrix();
        matrix.postScale(scale, scale);

        Bitmap scaledBitmap = Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true);
        BitmapDrawable result = new BitmapDrawable(scaledBitmap);
        width = scaledBitmap.getWidth();
        height = scaledBitmap.getHeight();

        view.setImageDrawable(result);

        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) view.getLayoutParams();
        params.width = width;
        params.height = height;
        view.setLayoutParams(params);
    }

Answer 22

如果使用cardview对imageview进行四舍五入并固定android:layout_height作为标题，这对我使用Glide加载图像Glide

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="220dp"
             xmlns:card_view="http://schemas.android.com/apk/res-auto"
             >

    <android.support.v7.widget.CardView
            android:id="@+id/card_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center|top"
            card_view:cardBackgroundColor="@color/colorPrimary"
            card_view:cardCornerRadius="10dp"
            card_view:cardElevation="10dp"
            card_view:cardPreventCornerOverlap="false"
            card_view:cardUseCompatPadding="true">

        <ImageView
                android:adjustViewBounds="true"
                android:maxHeight="220dp"
                android:id="@+id/iv_full"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitCenter"/>

    </android.support.v7.widget.CardView>
</FrameLayout>

Answer 23

您可以缩放图像，这也将减小图像的大小。 有一个库，您可以下载并使用它。 https://github.com/niraj124124/Images-Files-scale-and-compress.git

使用方法 1) 导入compressor-v1.0。 jar 到您的项目。 2）添加以下示例代码进行测试。 ResizeLimiter resize = ImageResizer.build(); resize.scale("inputImagePath", "outputImagePath",imageWidth, imageHeight); 根据您的要求，还有更多方法

Answer 24

快速回答：

<ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="center"
        android:src="@drawable/yourImage"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Answer 25

以编程方式将纵横比应用于 Imageview：

aspectRatio = imageWidth/imageHeight   
ratioOfWidth = imageWidth/maxWidth  
ratioOfHeight = imageHeight/maxHeight  


if(ratioOfWidth > ratioOfHeight){​​​​​​​
    imageWidth = maxWidth 
    imageHeight = imageWidth/aspectRatio
}​​​​​​​ else if(ratioOfHeight > ratioOfWidth){​​​​​​​
    imageHeight = maxHeight
    imageWidth = imageHeight * aspectRatio
}​​​​​​​

之后，您可以使用缩放位图来图像视图

Bitmap scaledBitmap= Bitmap.createScaledBitmap(bitmap, (int) imageWidth , (int) imageHeight , true);

Answer 26

myImageView.setAdjustViewBounds(true);

Answer 27

imageView.setImageBitmap(Bitmap.createScaledBitmap(bitmap, 130, 110, false));