LinearLayout ImageView Größe aller Bildbreiten anpassen

Question

Ich habe ein horizontales lineares Layout, das 3 Bildansichten enthält. Jede Bildansicht enthält das gleiche Bild mit 200x200 Pixel. Hier ist mein Layout xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    tools:context=".MainActivity" > 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" > 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/image200" /> 

     <ImageView 
      android:id="@+id/imageView2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/image200" /> 

     <ImageView 
      android:id="@+id/imageView3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/image200" /> 

    </LinearLayout> 

</RelativeLayout> 

Und hier ist, wie es aussieht:

Beachten Sie, wie das dritte Bild von links der Größe verändert wird Ich gehe davon aus, da nicht genügend Immobilien zu enthalten 3x 200 Pixel breite Bilder.

Was ich eher passieren würde ist, anstatt nur das letzte Bild zu schrumpfen, alle drei Bilder werden gleichmäßig in der Größe geändert, so dass sie alle über den Bildschirm passen. Wie richte ich mein Layout so ein, dass es alle drei Bilder gleichmäßig anpasst?

Danke

UPDATE - nach ist meine Einstellungen hier ändern, was Dinge wie folgt aussehen:

Beachten Sie, dass die Grenze um die Bildansicht noch 200 px hoch ist. Warum passiert dies?

Answer 1

Set Breite und Höhe match_parent für imageviews und layout_weight = 1 gesetzt für alle Bildansichten. Setzen Sie auch Attribut android:scaleType="fitXY"

Answer 2

Ihre drei Bilder mit einer Breite von 0DP machen

und fügen Sie eine layout_weight von 1

;)

<ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:src="@drawable/image200" /> 

Answer 3

@JanTacci In Bezug auf Ihre Follow-up-Frage "Beachten Sie jedoch, dass obwohl das Bild geschrumpft ist die tatsächliche Layout-Höhe immer noch 200 px. Warum passiert das?"

Ich hatte gerade das gleiche Problem und reparierte es zu jedem Image dieser Eigenschaft durch Zusatz:

android:adjustViewBounds="true" 

Answer 4

Die perfekt für mich gearbeitet:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <ImageView 
     android:adjustViewBounds="true" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1"/> 

    <ImageView 
     android:adjustViewBounds="true" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1"/> 

    <ImageView 
     android:adjustViewBounds="true" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1"/> 

</LinearLayout> 

Layoutbreite, wenn das Layout Breite 0DP gesetzt, ist, was ins Bild kam. Und hier ist die Layoutbreite des LinearLayouts übergeordnet. Es wird also die gesamte Breite einnehmen, und je nach Layoutbreite der Bilder nehmen sie Platz im Verhältnis des Gewichts.