如何在 ImageView 中缩放图像以保持宽高比

Question

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

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

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

Answer 1

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

 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 2

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

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

Answer 3

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

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

Answer 4

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

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

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

Answer 5

我用这个：

<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 6

尝试对 ImageView 使用 android:layout_gravity：

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

上面的示例对我有用。

Answer 7

我有一种算法可以缩放位图以最适合容器尺寸，同时保持其纵横比。请在此处找到我的解决方案

希望这可以帮助某人车道！

Answer 8

传递你的 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 9

以编程方式将宽高比应用于图像视图：

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 10

如果使用 cardview 进行舍入 imageview 并修复 android:layout_height 标题，这对我来说可以使用 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 11

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

使用方法
1)导入压缩机-v1.0。 jar 到您的项目中。
2）添加以下示例代码进行测试。
ResizeLimiter 调整大小 = ImageResizer.build();
resize.scale("inputImagePath", "outputImagePath",imageWidth, imageHeight);
还有很多方法可以根据你的需求

Answer 12

快速回答：

<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 13

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

Answer 14

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

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

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

Answer 15

请参阅 android:adjustViewBounds 。

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

Answer 16

对于任何其他遇到此特定问题的人。您有一个 ImageView，您希望其宽度为 fill_parent 且高度按比例缩放：

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

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

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

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

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

Answer 17

如果您想要一个在保持适当的宽高比的同时放大和缩小的 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 18

这对我有用：

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

Answer 19

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

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

然后在代码中，我将可绘制对象设置为：

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

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

Answer 20

这解决了我的问题

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

Answer 21

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

Answer 22

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

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 23

在 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 24

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

<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 25

如果图像质量在以下情况下下降：
使用

android:adjustViewBounds="true"

而不是

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

Answer 26

对于任何希望图像通过适当的缩放完全适合 imageview 且无需裁剪的人，请使用

imageView.setScaleType(ScaleType.FIT_XY);

imageView 是代表 ImageView 的视图