Rembourrage indésirable autour d'un ImageView

Je dois inclure un graphique d'en-tête dans toutes mes activités / vues. Le fichier avec l'en-tête s'appelle header.xml:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content"
  android:background="#0000FF" 
  android:padding="0dip">

  <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/header"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margin="0dip"
    android:layout_marginTop="0dip"
    android:layout_marginBottom="0dip"
    android:padding="0dip"
    android:paddingTop="0dip"
    android:paddingBottom="0dip"
    android:layout_gravity="fill"
    android:background="#00FF00"
    />
</FrameLayout>

Notez le android:background="#00FF00"(vert), ce n'est qu'à des fins de visualisation.

Je les inclut dans mes vues comme ceci:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  style="@style/white_background">

  <include layout="@layout/header" />
  (...)

Donc, lorsque je l'essaye, le résultat ressemble à l'image de gauche, au lieu de ce à quoi il devrait ressembler (à droite):

(1) Cette partie - la partie orange - est l'image / ImageView en question
(2) La bordure verte non aimée. Remarque: normalement, la zone verte serait transparente - Elle est uniquement verte car j'ai défini le background.

Notez la bordure verte autour de l'image en haut; Cela fait partie de ImageView et je ne peux tout simplement pas comprendre pourquoi il est là ou comment je peux m'en débarrasser. Il définit tous les rembourrages et marges à 0 (mais le résultat est le même lorsque je les omis). L'image est un jpeg de 480x64px * et je l'ai mis dans res / drawable (pas dans l'un des drawable-Xdpisi).

(* jpeg, car il semble que je suis tombé sur l'ancien problème gamma png - au début, j'ai contourné le problème en faisant de la bordure verte la même orange que l'image, et les couleurs ne correspondaient pas.)

Je l'ai essayé sur mon htc desire / 2.2 / Build 2.33.163.1 et sur l'émulateur. J'ai également décrit le problème à quelqu'un dans # android-dev; Elle pouvait reproduire le problème mais n'avait pas non plus d'explication. l'objectif de construction est 1.6.

update @tehgoose: ce code donne exactement le même résultat complété en haut et en bas.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  style="@style/white_background">

  <!-- <include layout="@layout/header" />  -->

  <ImageView
    android:src="@drawable/header"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#00FF00"
    android:layout_weight="0"
    />

  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="8dip"
    android:layout_weight="1">

    (... rest of the elements)

  </LinearLayout>
</LinearLayout>

enfin!

<ImageView
  (...)
  android:adjustViewBounds="true" />

l' attribut AdjustViewbounds a fait l'affaire:

Définissez ceci sur true si vous souhaitez que ImageView ajuste ses limites pour conserver le rapport hauteur / largeur de son dessin.

je suis tombé dessus ici . Merci de votre aide!

android:scaleType="fitXY"

Ça marche pour moi.

Cela a à voir avec le rapport hauteur / largeur de l'image. Par défaut, le système conserve le rapport hauteur / largeur d'origine de la source d'image. Ce qui, dans la plupart des cas, ne correspond pas exactement à la mise en page ou aux dimensions spécifiées dans la mise en page. Par conséquent,

1. Modifiez la taille de l'image pour l'adapter à la mise en page spécifiée, ou
2. Utilisez android:scaleTypepour adapter l'image. Par exemple, vous pouvez spécifierandroid:scaleType="fitXY"

ces rembourrages supplémentaires sont générés automatiquement car l'androïde essaierait d'obtenir le rapport hauteur / largeur d'origine. veuillez essayer ci-dessous

scaletype = "fitCenter"
android:adjustViewBounds="true"
android:layout_height="wrap_content"

Peut-être que vous pouvez donner specific height to imageView say 50dp or 40dpet adjust image to make green borderdisparaître.

Par exemple: android:layout_height="40dp"

android:layout_height="wrap_content"

Vous devez le changer en "fill_parent"

Vous devrez peut-être également redimensionner votre image afin que ce soit le bon rapport pour remplir la mise en page dans laquelle elle se trouve.

Je ne comprends pas du tout pourquoi vous avez besoin de la disposition du cadre. Sans cela, votre image ne ferait que remplir l'écran de toute façon.

EDIT: oui, désolé, le xml est la hauteur de l'image vue.

utiliser cet androïde: scaleType = "fitXY" dans imageview xml

Vous devez fournir une forme autour de l'image pour donner un meilleur aspect.

Voici ce que j'ai utilisé:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--<gradient android:startColor="#FFFFFF" android:endColor="#969696"

    android:angle="270">
-->
<gradient android:startColor="#FFFFFF" android:endColor="#FFFFFF"

    android:angle="270">
</gradient>
    <stroke android:width="2dp" android:color="@color/graycolor" />
<corners android:radius="2dp" />
<padding android:left="5dp" android:top="5dp" android:right="5dp"
    android:bottom="5dp" />