Изменение размера ImageView для соответствия формату
Мне нужно изменить размер ImageView таким образом, чтобы он соответствовал экрану, поддерживал одинаковое соотношение сторон. Имеют место следующие условия:
- Изображения представляют собой фиксированную ширину (размер ширины экрана).
- Изображения загружаются из Интернета, т.е. размер может быть определен позднее
- Соотношение сторон для каждого изображения будет варьироваться; некоторые из них высокие, некоторые из них квадратные, некоторые из них плоские.
- Высота ImageView должна изменяться, больше или меньше, в зависимости от соотношения сторон
- Избыточная высота обрезана, не может иметь много пустого пространства, как это по умолчанию.
Например, небольшое изображение размером 50 × 50 на экране ширины 400 пикселей масштабирует изображение до 400x400 px. Изображение 800x200 будет масштабироваться до 400x100.
Я рассмотрел большинство других потоков, и многие предлагаемые решения, такие как простое изменение adjustViewBounds
и scaleType
, уменьшат только изображение, а не масштабируют его.
Ответы
Ответ 1
ImageView mImageView; // This is the ImageView to change
// Use this in onWindowFocusChanged so that the ImageView is fully loaded, or the dimensions will end up 0.
public void onWindowFocusChanged(boolean hasFocus)
{
super.onWindowFocusChanged(hasFocus);
// Abstracting out the process where you get the image from the internet
Bitmap loadedImage = getImageFromInternet (url);
// Gets the width you want it to be
intendedWidth = mImageView.getWidth();
// Gets the downloaded image dimensions
int originalWidth = loadedImage.getWidth();
int originalHeight = loadedImage.getHeight();
// Calculates the new dimensions
float scale = (float) intendedWidth / originalWidth;
int newHeight = (int) Math.round(originalHeight * scale);
// Resizes mImageView. Change "FrameLayout" to whatever layout mImageView is located in.
mImageView.setLayoutParams(new FrameLayout.LayoutParams(
FrameLayout.LayoutParams.WRAP_CONTENT,
FrameLayout.LayoutParams.WRAP_CONTENT));
mImageView.getLayoutParams().width = intendedWidth;
mImageView.getLayoutParams().height = newHeight;
}
Ответ 2
Я создал его с помощью этого ответа Боба в этом сообщении: 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:layout_centerHorizontal="true"
android:src="@drawable/yourdrawable" android:id="@+id/image"
android:layout_alignParentTop="true" android:layout_height="wrap_content"
android:layout_width="match_parent" android:adjustViewBounds="true" />
Удачи!
Ответ 3
Я предпочитаю, чтобы Agarwal ответил с некоторыми изменениями, потому что он является resuable:
package com.yourpackage.widgets;
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);
this.setScaleType(ScaleType.FIT_XY);
}
public AspectRatioImageView(Context context, AttributeSet attrs) {
super(context, attrs);
this.setScaleType(ScaleType.FIT_XY);
}
public AspectRatioImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
this.setScaleType(ScaleType.FIT_XY);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
Drawable d = getDrawable();
if (d != null && d.getIntrinsicWidth() > 0)
{
int width = MeasureSpec.getSize(widthMeasureSpec);
if (width <= 0)
width = getLayoutParams().width;
int height = width * d.getIntrinsicHeight() / d.getIntrinsicWidth();
setMeasuredDimension(width, height);
}
else
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
Теперь использовать его в XML:
<com.yourpackage.widgets.AspectRatioImageView
android:src="@drawable/yourdrawable"
android:layout_height="wrap_content"
android:layout_width="match_parent"/>