Android Image die gesamte Breite des Bildschirms zu erweitern

Question

Meine xml wird wie folgt

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="#FFFFFF"> 

<TableLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <TableRow android:layout_weight="1" android:gravity="center"> 
     <ImageView android:layout_height="200dp" 
      android:layout_width = "wrap_content" 
      android:src="@drawable/saltnpepper"     
      android:scaleType="centerInside" /> 
    </TableRow> 

    <TableRow android:layout_weight="3" > 
    <ListView android:id="@+id/list1" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
    > 

    </ListView> 
</TableRow> 
<TableRow android:layout_weight="1" android:gravity="center"> 
    <ImageView android:layout_height="100dp" 
      android:layout_width = "wrap_content" 
      android:src="@drawable/halal" 
      android:scaleType="centerInside"/> 
</TableRow> 
</TableLayout> 

Mein Bildschirm ist derzeit wie folgt aus:

Ich möchte das Saltnpepper Bild über die erweitern Breite des Bildschirms habe ich versucht ImageView 's layout_height zu 0dp zu setzen, aber das Bild verschwindet dann. auch habe ich seine layout_width als match_parent versucht, aber es hat nicht funktioniert

Außerdem möchte ich einen gewissen Spielraum zum ListView aber die ganze table_layout bewegt hinzufügen, wenn ich marginRight oder marginLeft zum ListView Element hinzuzufügen.

Answer 1

Also habe ich versucht, alle Lösungen, aber eine Sache gearbeitet und die andere Sache bekam verdrehte. Ich habe Adeel Turks Lösung fitXY ausprobiert, die mein Bild sofort auf den Bildschirm brachte, aber das Bild war zu dehnbar, so dass ich jetzt mein Bild als Hintergrundbild habe und es mir ein gutes Ergebnis gibt.

Hier ist meine xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" android:layout_width="match_parent" 
android:layout_height="match_parent" 
> 

<TableLayout 
android:layout_width="match_parent" 
android:layout_height="match_parent"  
android:background="@drawable/saltnpepper"> 
<TableRow android:layout_weight="1" android:gravity="center"> 
    <TextView android:layout_height="200dp"/> 
</TableRow> 

<TableRow android:layout_weight="4" > 
<ListView android:id="@+id/list1" 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
> 

</ListView> 
</TableRow> 
<TableRow android:layout_weight="1" android:gravity="center"> 
<ImageView android:layout_height="100dp" 
     android:layout_width = "wrap_content" 
     android:src="@drawable/halal" 
     android:scaleType="centerInside"/> 
</TableRow> 
</TableLayout></LinearLayout> 

Answer 2

Setzen Sie auf Ihrer ImageView die Layoutbreite auf . Stellen Sie auch die Hintergrundfarbe des ImageView auf etwas, so dass Sie sehen können, wie viel Platz es tatsächlich belegt. Von dort wollen Sie scaleType verwenden, um das Bild in den ImageView-Bereich zu formen (zuschneiden/anpassen/etc).

Answer 3

Stellen Sie die Breite der Bildansichten auf wrap_content auf parent_parent und height ein, um das Seitenverhältnis beizubehalten, das Sie mit adjustViewBounds auf TRUE setzen können.

Answer 4

Verwenden Sie den folgenden Code .... und versuchen Sie es ...

android:layout_width = "match_parent" 
android:paddingLeft="10dp" 
android:paddingRight="10dp" 
android:paddingTop="10dp" 
android:adjustViewBounds="true" 

Finale Code:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#FFFFFF"> 

    <TableLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <TableRow android:layout_weight="1" android:gravity="center"> 
      <ImageView android:layout_height="200dp" 
       android:layout_width = "match_parent" 
       android:src="@drawable/saltnpepper" 
       android:paddingLeft="10dp" 
       android:paddingRight="10dp" 
        android:paddingTop="10dp" 
       android:adjustViewBounds="true" 
       android:scaleType="centerInside" /> 
     </TableRow> 

     <TableRow android:layout_weight="3" > 
     <ListView android:id="@+id/list1" 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
     > 

     </ListView> 
    </TableRow> 
    <TableRow android:layout_weight="1" android:gravity="center"> 
     <ImageView android:layout_height="100dp" 
       android:layout_width = "wrap_content" 
       android:src="@drawable/halal" 
       android:scaleType="centerInside"/> 
    </TableRow> 
    </TableLayout>