Question

我希望父视图设置ImageView的宽度，高度应该是高宽比例。原因是next会显示一个TextView，我想放在ImageView下面。

我可以使用

正确显示图像

android:layout_width="fill_parent"
android:layout_height="fill_parent"

然而，ImageView高度变为父高度，远远大于显示的拉伸图像的高度。一个想法是让父母垂直变小，但是......我还不知道拉伸的图像大小。

以下操作无效，因为水平未填充小图像。

android:layout_width="fill_parent"
android:layout_height="wrap_content"

乱搞

android:layout_height="wrap_content"

对于它周围的RelativeLayout都没有帮助。还尝试了FrameLayout和LinearLayout并失败。

有什么想法吗？

Answer 1

您必须将adjustViewBounds设置为true。

imageView.setAdjustViewBounds(true);

Answer 2

有两种情况，如果您的实际图像大小等于或大于您的ImageView宽度和高度，那么您可以使用adjustViewBounds属性，如果您的实际图像大小小于ImageView宽度和高度，则使用scaleType属性在ImageView中显示图像根据您的要求。

1.实际图像大小等于或大于ImageView所需的宽度和高度。

<ImageView
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:src="@drawable/ic_launcher"/>

2.实际图像尺寸小于ImageView所需的宽度和高度。

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

Answer 3

所以我不止一次遇到过同样的问题，通过现有的stackoverflow回答已经意识到没有答案能给出解决这个问题的真正困惑的完美解释。所以你走了：

API 17 +

imageView.setAdjustViewBounds(true);

OR（以XML格式）

android:adjustViewBounds="true"

解决了这个问题，无论图像资源的实际大小如何，它都能正常工作，即它会将图像向上或向下缩放到您在布局中所需的大小。

API 17以下

API 17以下android:adjustViewBounds="true"仅适用于缩小图像而不是增长，即如果图像源的实际高度小于您在布局中尝试实现的尺寸，wrap_content将使用较小的高度，而不是缩放＆＃39; up＆＃39; （放大）你想要的图像。

对于API 17及更低版本，您别无选择，只能使用自定义ImageView来实现此行为。您可以自己编写自定义ImageView，也可以使用已完成该工作的库。

使用库

可能有多个库修复了这个问题，其中一个是：

compile 'com.inthecheesefactory.thecheeselibrary:adjustable-imageview:1.0.0'

使用如下：

<com.inthecheesefactory.thecheeselibrary.widget.AdjustableImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:src="@drawable/your_drawable"/>

使用自定义视图

或者使用现有的库，您可以自己编写自定义视图，例如：

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

public class ScalableImageView extends ImageView {

    boolean adjustViewBounds;

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

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

    public ScalableImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public void setAdjustViewBounds(boolean adjustViewBounds) {
        this.adjustViewBounds = adjustViewBounds;
        super.setAdjustViewBounds(adjustViewBounds);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Drawable drawable = getDrawable();
        if (drawable == null) {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            return;
        }

        if (adjustViewBounds) {
            int drawableWidth = drawable.getIntrinsicWidth();
            int drawableHeight = drawable.getIntrinsicHeight();
            int heightSize = MeasureSpec.getSize(heightMeasureSpec);
            int widthSize = MeasureSpec.getSize(widthMeasureSpec);
            int heightMode = MeasureSpec.getMode(heightMeasureSpec);
            int widthMode = MeasureSpec.getMode(widthMeasureSpec);

            if (heightMode == MeasureSpec.EXACTLY && widthMode != MeasureSpec.EXACTLY) {
                int height = heightSize;
                int width = height * drawableWidth / drawableHeight;
                if (isInScrollingContainer())
                    setMeasuredDimension(width, height);
                else
                    setMeasuredDimension(Math.min(width, widthSize), Math.min(height, heightSize));
            } else if (widthMode == MeasureSpec.EXACTLY && heightMode != MeasureSpec.EXACTLY) {
                int width = widthSize;
                int height = width * drawableHeight / drawableWidth;
                if (isInScrollingContainer())
                    setMeasuredDimension(width, height);
                else
                    setMeasuredDimension(Math.min(width, widthSize), Math.min(height, heightSize));
            } else {
                super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            }
        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

    private boolean isInScrollingContainer() {
        ViewParent parent = getParent();
        while (parent != null && parent instanceof ViewGroup) {
            if (((ViewGroup) parent).shouldDelayChildPressedState()) {
                return true;
            }
            parent = parent.getParent();
        }
        return false;
    }
}

...您将使用如下（XML）：

<com.YOUR_PACKE_NAME.ScalableImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:src="@drawable/your_drawable" />

Answer 4

这是我能让它工作的唯一方法，让第二个ImageView位于中心，小于第一个ImageView，以及第二个ImageView下的TextView。

不幸的是，它在第二个ImageView上使用固定的“200dp”图像大小，因此在不同大小的设备上看起来不一样。

它还会破坏我的ViewFlipper，因为我尝试围绕第二个ImageView和TextView的任何布局都会使它们移动或调整大小。

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <ImageView
        android:id="@+id/imageview1"
        android:contentDescription="@string/desc"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/background" />
    <ImageView
        android:id="@+id/imageview2"
        android:layout_centerInParent="true"
        android:contentDescription="@string/desc"
        android:layout_height="200dp"
        android:layout_width="200dp" 
        android:adjustViewBounds="true"
        android:src="@drawable/image2" />
    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/imageview2"
        android:paddingLeft="8dp"
        android:paddingRight="8dp"
        android:gravity="center"
        android:textSize="26sp"
        android:textColor="#333"
        android:background="#fff"
        android:text="this is the text under the image right here"
        />
</RelativeLayout>

imageview height作为所示图像的wrap_content

4 个答案:

API 17 +

API 17以下

使用库

使用自定义视图