ScrollView中imageView布局的基本问题

时间:2014-07-16 21:14:24

标签: android android-layout imageview scrollview

我有一个包含一个imageView的ScrollView 我希望这个imageView匹配父宽度,屏幕的全宽,然后保持比例方面,所以包裹高度。

我的选择:   - layout_widht:match_parent   - layout_height:wrap_content   - scaletype:centerCrop

这是代码

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fillViewport="true" >

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

        <ImageView
            android:id="@+id/cellarWineImageView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:scaleType="centerCrop"
            android:src="@drawable/etiquette_unknown" />
    </LinearLayout>

</ScrollView>

结果如下

enter image description here

如果我只是将固定高度348dp放在此处

enter image description here

战斗结束后,我怀疑包裹内容,考虑图像的原始高度,如果由于匹配宽度的父级而导致尺寸发生变化并不重要。请帮忙解决这个基本话题。我希望我们可以在不制作任何代码的情况下处理这个问题......

4 个答案:

答案 0 :(得分:1)

基于Akshat Agarwal很好的答案,我们可以通过将ImageView扩展到一个新组件:AspectRatioImageView,然后在布局中直接重用它来使用简单的东西。

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) {

        if (getDrawable() == null)
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        else {
            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" />

通过这个新的packageName改变curent ImageView,这对我的项目很有用。然后一切都很完美。

答案 1 :(得分:0)

尝试使用LinearLayout, ImageView and ScrollView android:layout_height="fill_parent"来查看是否有效。

答案 2 :(得分:0)

请尝试这种方式,希望这有助于您解决问题。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center">

    <ImageView
        android:id="@+id/cellarWineImageView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@drawable/ic_launcher"
        android:scaleType="fitXY" />
</LinearLayout>

答案 3 :(得分:0)

像这样改变布局

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fillViewport="true" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
     android:minHeight="348dp"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/cellarWineImageView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
          android:minHeight="348dp"
        android:src="@drawable/ic_launcher" />
</LinearLayout>