Wie man ein Bild in ImageView skaliert, um das Seitenverhältnis beizubehalten

Question

In Android habe ich die layout_width eines ImageView auf fill_parent festgelegt (was die gesamte Breite des Telefons einnimmt).

Wenn das Bild, das ich dem ImageView gebe, größer ist als die layout_width, wird Android es skalieren, oder? Aber was ist mit der Höhe? Behält Android das Seitenverhältnis bei, wenn es das Bild skaliert?

Was ich herausgefunden habe, ist, dass oben und unten im ImageView weißer Raum entsteht, wenn Android ein Bild skaliert, das größer ist als das ImageView. Stimmt das? Wenn ja, wie kann ich diesen weißen Raum eliminieren?

Answer 1

1. Ja, standardmäßig skaliert Android Ihr Bild auf die Größe des ImageView, wobei das Seitenverhältnis beibehalten wird. Stellen Sie jedoch sicher, dass Sie das Bild mit android:src="..." für den ImageView festlegen, anstatt mit android:background="...". src= skaliert das Bild, wobei das Seitenverhältnis beibehalten wird, während background= das Bild skaliert und verzerren kann, um es exakt an die Größe des ImageView anzupassen. (Sie können jedoch gleichzeitig einen Hintergrund und eine Quelle verwenden, was nützlich sein kann, um beispielsweise einen Rahmen um das Hauptbild anzuzeigen, indem nur ein ImageView verwendet wird.)

2. Sie sollten auch android:adjustViewBounds verwenden, um den ImageView so anzupassen, dass er sich selbst an das skalierte Bild anpasst. Wenn Sie beispielsweise ein rechteckiges Bild in einem normalerweise quadratischen ImageView haben, wird durch adjustViewBounds=true der ImageView ebenfalls rechteckig skaliert. Dies beeinflusst dann, wie andere Ansichten um den ImageView herum angeordnet werden.

   Dann können Sie, wie Samuh geschrieben hat, die Art und Weise ändern, wie standardmäßig Bilder skaliert werden, indem Sie den Parameter android:scaleType verwenden. Übrigens, der einfachste Weg, herauszufinden, wie dies funktioniert, wäre einfach gewesen, ein wenig selbst zu experimentieren! Denken Sie daran, sich die Layouts im Emulator selbst anzusehen (oder auf einem tatsächlichen Telefon), da die Vorschau in Eclipse normalerweise falsch ist.

Answer 2

Siehe android:adjustViewBounds.

Setze dies auf true, wenn du möchtest, dass das ImageView seine Grenzen anpasst, um das Seitenverhältnis seines Drawable beizubehalten.

Answer 3

Für alle anderen, die dieses spezielle Problem haben. Sie haben eine ImageView, die eine Breite von fill_parent und eine Höhe proportional skaliert haben möchten:

Fügen Sie diesen beiden Attributen Ihre ImageView hinzu:

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

Und setzen Sie die Breite der ImageView auf fill_parent und die Höhe auf wrap_content.

Wenn Sie außerdem nicht möchten, dass Ihr Bild beschnitten wird, versuchen Sie Folgendes:

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

Answer 4

Wenn Sie ein ImageView möchten, das sowohl vergrößert als auch verkleinert wird und dabei das richtige Seitenverhältnis beibehält, fügen Sie dies Ihrem XML hinzu:

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

Fügen Sie dies Ihrem Code hinzu:

// Wir müssen die Höhe anpassen, wenn die Breite des Bitmaps kleiner ist als die Ansichtsbreite, 
// ansonsten wird das Bild eingefasst.
final double viewWidthToBitmapWidthRatio = (double)image.getWidth() / (double)bitmap.getWidth();
image.getLayoutParams().height = (int) (bitmap.getHeight() * viewWidthToBitmapWidthRatio);

Es hat eine Weile gedauert, bis ich das zum Laufen gebracht habe, aber es scheint in den Fällen zu funktionieren, in denen das Bild kleiner als die Bildschirmbreite ist und größer als die Bildschirmbreite, ohne das Bild einzufassen.

Answer 5

Dies hat für mich funktioniert:

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