Unerwünschtes Auffüllen einer ImageView

Ich muss in alle meine Aktivitäten / Ansichten eine Kopfgrafik einfügen. Die Datei mit dem Header heißt 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>

Beachten Sie das android:background="#00FF00"(grün), es dient nur zu Visualisierungszwecken.

Ich beziehe sie wie folgt in meine Ansichten ein:

<?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" />
  (...)

Wenn ich es also tatsächlich ausprobiere, sieht das Ergebnis wie das linke Bild aus, anstatt wie es aussehen sollte (rechts):

(1) Dieser orangefarbene Teil ist das betreffende Bild / ImageView.
(2) Der ungeliebte grüne Rand. Hinweis: Normalerweise ist der grüne Bereich transparent. Er ist nur grün, weil ich den Wert festgelegt habe background.

Beachten Sie den grünen Rand um das Bild oben. Es ist Teil der ImageView und ich kann einfach nicht herausfinden, warum es dort ist oder wie ich es loswerden kann. Alle Auffüllungen und Ränder werden auf 0 gesetzt (aber das Ergebnis ist das gleiche, wenn ich sie weglasse). Das Bild ist ein 480x64px JPEG * und ich habe es in res / drawable gesetzt (nicht in einem der drawable-Xdpiobwohl).

(* JPEG, weil ich anscheinend auf das alte PNG-Gamma-Problem gestoßen bin - zuerst habe ich das Problem umgangen, indem ich den grünen Rand mit dem Orange orange wie das Bild gemacht habe und die Farben nicht übereinstimmten.)

Ich habe es auf meinem HTC-Wunsch / 2.2 / Build 2.33.163.1 und auf dem Emulator versucht. Außerdem habe ich das Problem jemandem in # android-dev beschrieben; Sie konnte das Problem reproduzieren, hatte aber auch keine Erklärung. Build-Ziel ist 1.6.

update @tehgoose: Dieser Code liefert genau das gleiche oben + unten gepolsterte Ergebnis.

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

endlich!

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

das adjustViewbounds Attribut hat den Trick:

Setzen Sie dies auf true, wenn Sie möchten, dass ImageView seine Grenzen anpasst, um das Seitenverhältnis des Zeichnungsobjekts beizubehalten.

Ich bin hier darauf gestoßen . danke für Ihre Hilfe!

android:scaleType="fitXY"

Für mich geht das.

Es hat mit dem Bildseitenverhältnis zu tun. Standardmäßig behält das System das ursprüngliche Seitenverhältnis der Bildquelle bei. Was in den meisten Fällen nicht genau mit dem Layout oder den Abmessungen übereinstimmt, die im Layout angegeben sind. Deshalb,

1. Ändern Sie entweder die Größe des Bildes, um es an das angegebene Layout anzupassen, oder
2. Verwenden Sie android:scaleTypediese Option , um das Bild anzupassen. Zum Beispiel können Sie angebenandroid:scaleType="fitXY"

Diese zusätzliche Polsterung wird automatisch generiert, da der Android versuchen würde, das ursprüngliche Seitenverhältnis zu erhalten. Bitte versuchen Sie es unten

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

Vielleicht kannst du geben specific height to imageView say 50dp or 40dpund adjust image to make green borderverschwinden.

Z.B: android:layout_height="40dp"

android:layout_height="wrap_content"

Sie müssen es in "fill_parent" ändern.

Möglicherweise müssen Sie Ihr Bild auch skalieren, damit es das richtige Verhältnis hat, um das Framelayout zu füllen, in dem es sich befindet.

Ich verstehe nicht, warum Sie das Rahmenlayout dort überhaupt brauchen. Ohne sie würde Ihr Bild sowieso nur den Bildschirm ausfüllen.

EDIT: Ja, sorry, die XML ist die Höhe für die Bildansicht.

Verwenden Sie dieses Android: scaleType = "fitXY" in imageview xml

Sie müssen die Bildansicht formen, um ein besseres Erscheinungsbild zu erzielen.

Hier was ich benutzt habe:

<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" />