Как растянуть три изображения по экрану с сохранением пропорций? - PullRequest
Новая
       16

Как растянуть три изображения по экрану с сохранением пропорций?

51 голосов
/ 13 января 2011

Мне нужно отобразить три изображения одинакового размера (200 X 100) рядом (без пропусков) в верхней части экрана. Они должны занимать всю ширину экрана и сохранять пропорции. Можно ли добиться этого, используя только макет XML-файла, или мне нужно использовать код Java?
Решение должно быть независимым от разрешения ... Кто-нибудь может опубликовать решение или ссылку для этой (или подобной) проблемы? Спасибо!

Ответы [ 4 ]

143 голосов
/ 14 января 2011

Работай!Но, как я сказал выше, вам нужно создать свой собственный класс.Но это довольно мало.Я создал его с помощью ответа Боба Ли в этом посте: Android: как растянуть изображение до ширины экрана при сохранении соотношения сторон? 

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);
    }
}

Теперь, чтобы использовать егов 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" />

Веселитесь!

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

Найден другой способ сделать то же самое только в XML с помощью android: AdjustViewBounds = "true".Вот пример: 

<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>
30 голосов
/ 24 июня 2012

Только незначительное обновление, чтобы учесть, что может пойти не так: null Drawable или 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);
}
}
6 голосов
/ 11 июля 2013

Джейк Уортон улучшает класс AspectRatioImageView, вы можете установить dominantMeasurement и aspectRatio через xml.Вы можете найти его по ссылке ниже.

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

1 голос
/ 13 января 2011

Я не знаю о макетах XML и API Android, но математика простая;найдите ширину экрана и разделите на три.Это ширина каждого изображения.Теперь умножьте ширину на соотношение высоты и ширины исходного изображения.Это высота каждого изображения. 

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