web-dev-qa-db-ja.com

アスペクト比を維持したまま画面全体に3つの画像を引き伸ばす方法は？

画面の上に同じサイズの3つの画像（200 X 100）を並べて（隙間なく）表示する必要があります。画面の幅全体を占め、アスペクト比を維持する必要があります。レイアウトxmlファイルのみを使用してそれを達成することは可能ですか、またはJavaコードを使用する必要がありますか？
解決策は解決策に依存しない必要があります...この（または同様の）問題の解決策やリンクを誰でも投稿できますか？ありがとう！

android-layoutandroid-imageview
51
Peter

うまくいきました！しかし、上で述べたように、独自のクラスを作成する必要があります。しかし、それはかなり小さいです。この投稿でこのボブ・リーの答えを参考にして作成しました： 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" />

楽しんで！

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

Android：adjustViewBounds = "true"を使用してXMLでのみ同じことを行う別の方法が見つかりました。ここに例を示します：

<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>
143
Patrick Boos

何が問題になる可能性があるかを考慮するためのマイナーなアップグレードのみ：null Drawableまたは0幅。

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

Jake WhartonがAspectRatioImageViewクラスを改善しました。xmlを使用して、dominantMeasurementとaspectRatioを設定できます。あなたは以下のリンクでそれを見つけることができます。

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

6
Yekmer Simsek

XMLレイアウトとAndroid APIについては知りませんが、計算は簡単です。画面の幅を見つけて3で割ります。これが各画像の幅です。幅を掛けてください。元の画像の高さと幅の比率で計算されます。これが各画像の高さです。

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