ImageView周围不需要的填充

Question

我需要在所有活动/视图中包含标题图形。带标题的文件名为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（但是当我省略它们时结果是相同的）。图像是一个480x64像素的jpeg *，我把它放在res / drawable中（不是drawable-Xdpi中的一个）。

（* jpeg，因为我似乎偶然发现了旧的png伽玛问题 - 起初我通过使绿色边框与图片颜色相同来处理问题，并且颜色不匹配。）

我在我的htc desire / 2.2 / Build 2.33.163.1和模拟器上尝试过。我还向＃android-dev中的某个人描述了这个问题。她可以重现这个问题，但也没有解释。构建目标是1.6。

更新@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>

Answer 1

最后！

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

adjustViewbounds attribute做了诀窍：

  

如果希望ImageView调整其边界以保持其drawable的宽高比，请将此项设置为true。

我偶然发现了upon it here。谢谢你的帮助！

Answer 2

android:scaleType="fitXY"

它对我有用。

Answer 3

它与图像宽高比有关。默认情况下，系统保持图像源的原始高宽比。在大多数情况下，这与布局中指定的布局或尺寸不完全匹配。因此，

1. 更改图像的大小以适合指定的布局，或
2. 使用android:scaleType来适合图像。例如，您可以指定android:scaleType="fitXY"

Answer 4

android:layout_height="wrap_content"

您需要将其更改为“fill_parent”

您可能还需要缩放图像，以便填充它所在的framelayout的比例正确。

我不明白为什么你需要那里的框架布局。没有它，你的图像就会填满整个屏幕。

编辑：是的，抱歉，xml是imageview的高度。

Answer 5

可以让specific height to imageView say 50dp or 40dp和adjust image to make green border消失。

例如：android:layout_height="40dp"

Answer 6

在imageview xml中使用此android：scaleType =“ fitXY”

Answer 7

这些多余的填充是自动生成的，因为android会尝试获取原始的宽高比。请在下面尝试

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

Answer 8

您需要在imageview周围提供形状以提供更好的外观。

我在这里使用过：

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