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に設定します（ただし、省略した場合の結果は同じです）。画像は480x64px jpeg *であり、res / drawableに配置しました（drawable-Xdpiただし、1つではありません）。

（* 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>

最後に！

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

adjustViewbounds属性は、トリックをしました：

ドローアブルのアスペクト比を維持するためにImageViewの境界を調整する場合は、これをtrueに設定します。

ここで偶然見つけた。ご協力いただきありがとうございます！

android:scaleType="fitXY"

わたしにはできる。

それは画像のアスペクト比と関係があります。デフォルトでは、システムは画像ソースの元のアスペクト比を維持します。ほとんどの場合、これはレイアウトまたはレイアウトで指定された寸法と正確に一致しません。したがって、

1. 指定したレイアウトに合わせて画像のサイズを変更するか、
2. android:scaleType画像に合わせるために使用します。たとえば、次のように指定できます。android:scaleType="fitXY"

Androidは元のアスペクト比を取得しようとするため、これらの余分なパディングは自動生成されます。以下をお試しください

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」に変更する必要があります

また、画像のフレームレイアウトを埋めるのに適切な比率になるように、画像を拡大縮小する必要がある場合もあります。

フレームレイアウトが必要な理由がまったくわかりません。それがなければ、あなたの画像はとにかく画面いっぱいに表示されます。

編集：はい、申し訳ありませんが、xmlはimageviewの高さです。

imageview xmlでこのandroid：scaleType = "fitXY"を使用します

見栄えを良くするには、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" />