Comment étirer trois images sur l’écran en préservant les proportions?

Question

Je dois afficher trois images de même taille (200 X 100) côte à côte (sans espace) en haut de l'écran. Ils doivent occuper toute la largeur de l'écran et préserver les proportions. Est-il possible d'accomplir cela en utilisant uniquement un fichier XML de mise en page, ou dois-je utiliser du code Java?
La solution doit être indépendante de la résolution ... Quelqu'un peut-il publier une solution ou un lien pour ce problème (ou un problème similaire)? Merci!

Answer 1

Ai eu de travail! Mais comme je l'ai dit ci-dessus, vous devez créer votre propre classe. Mais il est assez petit. Je l'ai créé avec l'aide de ce Bob Lee réponse dans ce post: Android: Comment faire pour étirer une image à la largeur de l'écran tout en conservant les proportions?

package com.yourpackage.widgets;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageView;

public class AspectRatioImageView extends ImageView {

    public AspectRatioImageView(Context context) {
        super(context);
    }

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

    public AspectRatioImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

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

Maintenant pour l'utiliser dans le fichier XML:

<com.yourpackage.widgets.AspectRatioImageView 
    android:id="@+id/image"
    android:src="@drawable/yourdrawable" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:adjustViewBounds="true" />

Amusez-vous!

=====================================

Trouvé un autre moyen de faire la même chose que dans XML à l'aide d'android:adjustViewBounds="true". Voici un exemple:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:src="@drawable/image1" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:src="@drawable/image2" />


    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:src="@drawable/image2" />

</LinearLayout>

Answer 2

Seule une mise à niveau mineure pour prendre en compte ce qui pourrait éventuellement aller mal: null Drawable ou 0 width.

 package com.yourpackage.yourapp;

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

public class AspectRatioImageView extends ImageView {

public AspectRatioImageView(Context context)
{
    super(context);
}

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

public AspectRatioImageView(Context context, AttributeSet attrs,
        int defStyle)
{
    super(context, attrs, defStyle);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
    Drawable drawable = getDrawable();
    if (drawable != null)
    {
        int width =  MeasureSpec.getSize(widthMeasureSpec);
        int diw = drawable.getIntrinsicWidth();
        if (diw > 0)
        {
            int height = width * drawable.getIntrinsicHeight() / diw;
            setMeasuredDimension(width, height);
        }
        else
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
    else
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
 

Answer 3

Jake Wharton améliore la classe AspectRatioImageView. Vous pouvez définir dominantMeasurement et aspectRatio via xml. Vous pouvez le trouver dans le lien ci-dessous.

https://gist.github.com/JakeWharton/2856179

Answer 4

Je ne connais pas les dispositions XML et l'API Android, mais le calcul est simple; trouver la largeur de l'écran et diviser par trois. C'est la largeur de chaque image. Multipliez maintenant la largeur par le rapport hauteur / largeur de l'image d'origine. C'est la hauteur de chaque image.

 int imageWidth = screenWidth / 3;
float ratio = originalImage.Height / (float)originalImage.Width;
int imageHeight = (int)(imageWidth * ratio);