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)이-주황색 부분은 문제의 이미지 / 이미지보기입니다.
(2) 사랑하지 않는 녹색 테두리. 참고 : 일반적으로 녹색 영역은 투명합니다-설정했기 때문에 녹색 background입니다.

상단의 이미지 주위에 녹색 테두리가 있습니다. 그것은 ImageView의 일부이며 왜 그것이 있는지 또는 어떻게 제거 할 수 있는지 알 수 없습니다. 모든 패딩과 여백을 0으로 설정했습니다 (그러나 생략하면 결과는 동일합니다). 이미지는 480x64px 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>

드디어!

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

adjustViewbounds 속성은 속임수를 썼는지 :

ImageView가 드로어 블의 가로 세로 비율을 유지하기 위해 경계를 조정하도록하려면이 값을 true로 설정하십시오.

나는 여기에 걸려 넘어 졌다 . 당신의 도움을 주셔서 감사합니다!

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 borderdissappear.

예 : android:layout_height="40dp"

android:layout_height="wrap_content"

"fill_parent"로 변경해야합니다

프레임 레이아웃을 채우는 데 적합한 비율이되도록 이미지의 크기를 조정해야 할 수도 있습니다.

왜 거기에 프레임 레이아웃이 필요한지 이해하지 못합니다. 그것이 없으면 이미지는 어쨌든 화면을 채울 것입니다.

편집 : 예, 죄송합니다 .xml은 이미지 뷰의 높이입니다.

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