Небажані набивання навколо ImageView

Мені потрібно включити графіку заголовка у всі мої дії / перегляди. Файл із заголовком називається 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>

Зверніть увагу android:background="#00FF00"(зелений), це просто цілі візуалізації.

Я включаю їх у свої погляди так:

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

Отже, коли я його фактично випробую, результат виглядає як ліве зображення, а не як воно має виглядати (праворуч):

(1) Ця - помаранчева частина - це зображення / питання ImageView
(2) Нелюбима зелена рамка. Примітка: зазвичай зелена зона буде прозорою - Це лише зелена, тому що я встановив background.

Зверніть увагу на зелену рамку навколо зображення вгорі; Це частина ImageView, і я просто не можу зрозуміти, чому він є, або як я можу його позбутися. Він встановлює всі прокладки та поля на 0 (але результат той самий, коли я їх опускаю). Зображення є форматом jpeg * 480x64px *, і я розміщую його в Res / Dravable (не в одному з них drawable-Xdpi).

(* jpeg, тому що, здається, я натрапив на стару проблему з PNG-гамою - спочатку я вирішив проблему, зробивши зелену облямівку такою ж помаранчевою, що і зображення, і кольори не збіглися.)

Я спробував це на своєму htc бажання / 2.2 / Build 2.33.163.1 та на емуляторі. Також я описав проблему комусь у # android-dev; Вона могла відтворити проблему, але також не мала пояснень. ціль складання - 1,6.

update @tehgoose: цей код дає такий самий результат у верхній і нижній частині.

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

нарешті!

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

атрибут adjustViewbounds зробив трюк:

Встановіть це значення true, якщо ви хочете, щоб ImageView коригував його межі, щоб зберегти співвідношення сторін для малювання.

я спіткнувся на це тут . спасибі за вашу допомогу!

android:scaleType="fitXY"

Це працює для мене.

Це пов'язано із співвідношенням сторін зображення. За замовчуванням система зберігає вихідне співвідношення сторін джерела зображення. Що в більшості випадків точно не відповідає макеті або розмірам, зазначеним у макеті. Тому

1. Або змініть розмір зображення, щоб він відповідав заданому макеті, або
2. Використовуйте android:scaleTypeдля розміщення зображення. Наприклад, ви можете вказатиandroid:scaleType="fitXY"

ці додаткові накладки автогенеруються, оскільки андроїд намагатиметься отримати оригінальне співвідношення сторін. будь ласка, спробуйте нижче

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

Можливо, ви можете дати specific height to imageView say 50dp or 40dpі adjust image to make green borderвідійти.

Наприклад: android:layout_height="40dp"

android:layout_height="wrap_content"

Потрібно змінити його на "fill_parent"

Також вам може знадобитися масштабувати зображення, щоб воно було правильним співвідношенням, щоб заповнити кадр, який він знаходиться.

Я не розумію, навіщо вам взагалі потрібен макет кадру. Без цього ваше зображення все одно просто заповнить екран.

EDIT: так, вибачте, xml - це висота для перегляду зображення.

використовуйте цей android: scaleType = "fitXY" у imageview xml

Для кращого вигляду потрібно надати форму навколо перегляду зображень.

Ось що я використав:

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