Android ImageView:适合宽度

时间:2012-08-21 16:35:30

标签: android android-layout android-imageview

我下载图片并使用Imageview动态设置为屏幕背景。我已尝试ScaleType来缩放图片。

如果图片高度大于宽度,则ScaleTypes fitStartfitEndfitCenter不起作用。 Android缩小照片并根据高度调整它,但我看到一些额外的空白空间作为宽度的一部分。

我想根据宽度缩小照片,使其适合宽度,我不在乎是否有一些额外的空白作为高度的一部分,或者如果高度太长,如果它出去就没关系视图(如果可能的话?)。

ScaleType.XY缩放照片并使ImageView中的所有内容都适合,并且不关心图像高度/重量比。

<ImageView 
                android:id="@+id/background"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:adjustViewBounds="true"
                android:scaleType="fitStart"
            />

7 个答案:

答案 0 :(得分:169)

我最终使用了这段代码:

<ImageView 
                android:id="@+id/background"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:adjustViewBounds="true"
                android:scaleType="centerCrop"
                android:src="@drawable/name"
            />

确保使用src而不是background设置图片。

答案 1 :(得分:41)

android:adjustViewBounds="true"完成这项工作!

答案 2 :(得分:12)

这个优雅的解决方案here将为您带来魅力。

基本上你只需要创建一个扩展ImageView的小类,然后简单地覆盖onMeasure方法来根据需要调整宽度和高度。在这里,它使用以下方式缩放以适合宽度:

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = width * getDrawable().getIntrinsicHeight() / getDrawable().getIntrinsicWidth();
    setMeasuredDimension(width, height);
}

你会像这样使用这个特殊的ImageView

<your.activity.package.AspectRatioImageView 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="center_vertical"
    android:src="@drawable/test" />

答案 3 :(得分:8)

如果您只是想填充屏幕的宽度并且高度成比例(并且知道图像的比例),可以在OnCreate()中执行此操作,这是一种简单的方法:

setContentView(R.layout.truppview_activity);
trupImage = (ImageView) findViewById(R.id.trupImage);

Display display = getWindowManager().getDefaultDisplay();
DisplayMetrics outMetrics = new DisplayMetrics();
display.getMetrics(outMetrics);
float scWidth = outMetrics.widthPixels;
trupImage.getLayoutParams().width = (int) scWidth;
trupImage.getLayoutParams().height = (int) (scWidth * 0.6f);

其中0.6是比率调整(如果您知道图像的w&amp; h,当然也可以自动计算。)

PS:
这是XML方面:

  <ImageView
        android:id="@+id/trupImage"
        android:layout_width="match_parent"
        android:background="@color/orange"
        android:layout_height="match_parent" 
        android:adjustViewBounds="true" 
        android:scaleType="fitCenter" />

答案 4 :(得分:4)

这适合我。

创建一个扩展ImageView的类

    package com.yourdomain.utils;

    import android.content.Context;
    import android.graphics.drawable.Drawable;
    import android.util.AttributeSet;
    import android.widget.ImageView;

    public class ResizableImageView extends ImageView {

        public ResizableImageView(Context context, AttributeSet attrs) {
            super(context, attrs);
        }

        @Override 
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            Drawable d = getDrawable();

            if (d != null) {
                int width = MeasureSpec.getSize(widthMeasureSpec);
                int height = (int) Math.ceil((float) width * (float) d.getIntrinsicHeight() / (float) d.getIntrinsicWidth());
                setMeasuredDimension(width, height);
            } else {
                super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            }
        }
    }

在xml中使用以下代替ImageView

    <com.yourdomain.utils.ResizableImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/test" />

答案 5 :(得分:1)

我认为你只能用XML来做,你需要自己调整位图

Display display = getWindowManager().getDefaultDisplay();
int width = display.getWidth();

        try {
            ((ImageView) findViewById(R.id.background))
                    .setImageBitmap(ShrinkBitmap(width));
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }

然后

private Bitmap ShrinkBitmap(int width)
        throws FileNotFoundException {

    BitmapFactory.Options bmpFactoryOptions = new BitmapFactory.Options();
    bmpFactoryOptions.inJustDecodeBounds = true;
    Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
            R.drawable.img, bmpFactoryOptions);
    int widthRatio = (int) android.util.FloatMath
            .ceil(bmpFactoryOptions.outWidth / (float) width);


    bmpFactoryOptions.inSampleSize = widthRatio;



    if (bmpFactoryOptions.inSampleSize <= 0)
        bmpFactoryOptions.inSampleSize = 0;
    bmpFactoryOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;
    bmpFactoryOptions.inJustDecodeBounds = false;
    bitmap = BitmapFactory.decodeResource(getResources(),
            R.drawable.img, bmpFactoryOptions);
    return bitmap;

}

布局

 <ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/background"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
  />

答案 6 :(得分:0)

如果您要适合整个图像的父块
它将拉伸图像

        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY" 

如果您想使整个父图像都适合图像的原始比例
它将裁剪出图像的一部分

        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"