Riempimento indesiderato attorno a ImageView

Devo includere un grafico dell'intestazione in tutte le mie attività / viste. Il file con l'intestazione si chiama 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>

Nota il android:background="#00FF00"(verde), è solo scopi di visualizzazione.

Li includo nei miei punti di vista in questo modo:

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

Quindi, quando lo provo davvero, il risultato appare come l'immagine a sinistra, invece di come dovrebbe essere (a destra):

(1) Questa - la parte arancione - è l'immagine / ImageView in questione
(2) Il bordo verde non amato. nota: normalmente, l'area verde sarebbe trasparente - È solo verde perché ho impostato il background.

Nota il bordo verde attorno all'immagine in alto; Fa parte di ImageView e non riesco proprio a capire perché sia ​​lì o come posso liberarmene. Imposta tutti i padding e i margini su 0 (ma il risultato è lo stesso quando li ometto). L'immagine è un jpeg * 480x64px e l'ho messo in res / drawable (non in uno dei due drawable-Xdpi).

(* jpeg, perché sembra che mi sia imbattuto nel vecchio problema gamma png - all'inizio ho aggirato il problema rendendo il bordo verde lo stesso arancio dell'immagine e i colori non corrispondevano.)

L'ho provato sul mio desiderio HTC / 2.2 / Build 2.33.163.1 e sull'emulatore. Inoltre ho descritto il problema a qualcuno in # android-dev; Poteva riprodurre il problema, ma non aveva nemmeno una spiegazione. il target di costruzione è 1.6.

update @tehgoose: questo codice produce esattamente lo stesso risultato con riempimento superiore + inferiore.

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

finalmente!

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

l' attributo adjustViewbounds ha funzionato:

Impostalo su true se vuoi che ImageView regoli i suoi limiti per preservare le proporzioni del suo disegno.

ci siamo imbattuti qui . Grazie per l'aiuto!

android:scaleType="fitXY"

Per me funziona.

Ha a che fare con le proporzioni dell'immagine. Per impostazione predefinita, il sistema mantiene le proporzioni originali della fonte dell'immagine. Che nella maggior parte dei casi non corrisponde esattamente al layout o alle dimensioni specificate nel layout. Perciò,

1. Modificare le dimensioni dell'immagine per adattarle al layout specificato oppure
2. Utilizzare android:scaleTypeper adattare l'immagine. Ad esempio, è possibile specificareandroid:scaleType="fitXY"

quei padding extra sono generati automaticamente poiché l'androide avrebbe cercato di ottenere le proporzioni originali. per favore prova di seguito

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

Può essere che tu possa dare specific height to imageView say 50dp or 40dpe adjust image to make green bordersparire.

Per esempio: android:layout_height="40dp"

android:layout_height="wrap_content"

Devi cambiarlo in "fill_parent"

Potrebbe anche essere necessario ridimensionare l'immagine in modo che sia il rapporto corretto per riempire il framelayout in cui si trova.

Non capisco perché hai bisogno del layout della cornice lì. Senza di essa, l'immagine riempirebbe comunque lo schermo.

EDIT: sì, scusa, l'xml è l'altezza per la visualizzazione dell'immagine.

usa questo android: scaleType = "fitXY" in imageview xml

È necessario fornire forma attorno a imageview per dare un aspetto migliore.

Ecco cosa ho usato:

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