Étirer l'image pour l'ajuster

La src devrait s'étirer sa largeur à match_parenttout en gardant l'aspect ratio. Lorsque l'image est plus grande que le parent, il évolue vers le bas correctement. Mais quand l'image est plus petite, elle, ne l'est pas. (l'illustration montre le comportement désiré).

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"
        android:adjustViewBounds="true"
        android:src="@drawable/foo"
        />

</RelativeLayout>

À l'aide de ScaleType.fitXY s'étend le width seulement

source d'informationauteur Matt

Je crois que c'est pas possible, du moins pas avec les options offertes par scaleType attribut.

Votre meilleure option dans ce cas est d'utiliser centerCrop, mais seulement le centre de l'image sera visible.

Toutefois, si vous n'êtes pas ok avec cette option, vous pouvez redimensionner l'image par programmation sans perdre l'aspect ratio.
Pour ce faire, vous aurez besoin de calculer un facteur d'échelle basée sur la largeur de l'écran, puis d'utiliser ce facteur d'échelle pour connaître la nouvelle hauteur de l'image.

Comme ceci:

ImageView imageView = (ImageView)findViewById(R.id.imageView);
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.foo);

int imageWidth = bitmap.getWidth();
int imageHeight = bitmap.getHeight();

int newWidth = getScreenWidth(); //this method should return the width of device screen.
float scaleFactor = (float)newWidth/(float)imageWidth;
int newHeight = (int)(imageHeight * scaleFactor);

bitmap = Bitmap.createScaledBitmap(bitmap, newWidth, newHeight, true);
imageView.setImageBitmap(bitmap);

Aussi, vous aurez besoin d'ajuster la déclaration de ImageView dans la mise en page du fichier:

<ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

setContentView(R.layout.activity_main);

ImageView imageView = (ImageView)findViewById(R.id.imageView);
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image);

int imageWidth = bitmap.getWidth();
int imageHeight = bitmap.getHeight();

DisplayMetrics metrics = this.getResources().getDisplayMetrics();

int newWidth = metrics.widthPixels;
float scaleFactor = (float)newWidth/(float)imageWidth;
int newHeight = (int)(imageHeight * scaleFactor);

bitmap = Bitmap.createScaledBitmap(bitmap, newWidth, newHeight, true);
imageView.setImageBitmap(bitmap);

DISPOSITION

<ImageView
    android:id="@+id/imageView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="centerInside"
    android:src="@drawable/image" />

5

android:adjustViewBounds="true" fait le travail!
3

utiliser cette MainImage.setScaleType(ImageView.ScaleType.FIT_XY);

OU vous pouvez simplement ajouter android:scaleType="fitXY" en xml.

J'ai l'habitude d'utiliser la classe suivante dans le fichier XML lorsque je veux ce comportement:

Bien sûr, je le tordre parfois selon certaines exigences. Mais je trouve plus facile de changer la classe de ImageView à une classe différente en XML au lieu de code java dans le contexte de la vue.

package shush.android.util;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.widget.ImageView;
/**
* @author Sherif elKhatib
*
* ImageView Class that maintains the width of the view and changes height to keep the aspect ratio.
*/
public class AspectImageView extends ImageView {
public AspectImageView(Context context) {
super(context);
}
public AspectImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public AspectImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
if(getBackground() == null || getBackground().getIntrinsicHeight()==0 || getBackground().getIntrinsicWidth()==0) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
return;
}
int width = MeasureSpec.getSize(widthMeasureSpec);
int height = width * getBackground().getIntrinsicHeight() / getBackground().getIntrinsicWidth();
setMeasuredDimension(width, height);
}
@SuppressLint("NewApi")
@SuppressWarnings("deprecation")
@Override
public void setImageBitmap(Bitmap bm) {
if(bm == null)
return;
BitmapDrawable bd = new BitmapDrawable(getContext().getResources(), bm);
if(android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.JELLY_BEAN)
setBackground(bd);
else
setBackgroundDrawable(bd);
}
}

Combinant les deux brillantes réponses (cette une et cette une) dans une solution rapide. J'espère que cela sauve quelqu'un d'inutile, de temps de recherche!

private Bitmap getScaledBitmap(int resource) {
DisplayMetrics displaymetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
int width = displaymetrics.widthPixels;
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), resource);
float scaleFactor = (float) width / (float) bitmap.getWidth();
int newHeight = (int) (bitmap.getHeight() * scaleFactor);
return Bitmap.createScaledBitmap(bitmap, width, newHeight, true);
}

L'utiliser comme ceci:

imageView.setImageBitmap(getScaledBitmap(R.drawable.banner_home_2));

1

Essayer android:scaleType="CENTER_INSIDE"

Android docs ici

N':

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
android:adjustViewBounds="true"
android:src="@drawable/foo" />
</RelativeLayout>

Pas faire ce que vous voulez?

Vous devez vous connecter pour publier un commentaire.