ImageView -有高度匹配宽度?

我有一个imageview。我想让它的宽度为fill_parent。我想让它的高等于宽度。例如:

<ImageView
android:layout_width="fill_parent"
android:layout_height="whatever the width ends up being" />

在布局文件中，不需要创建自己的视图类，这样的事情可能吗?

谢谢

123617 次浏览
小开

光靠布局是做不到的，我试过了。我最终写了一个非常简单的类来处理它，你可以在github上查看。SquareImage.java它是一个更大项目的一部分，但没有什么是小小的复制和粘贴不能修复的(在Apache 2.0下授权)

本质上，你只需要设置高度/宽度等于另一个维度(取决于你想缩放它的方式)

注意:你可以不使用scaleType属性自定义类而使其为正方形，但视图的边界超出了可见图像，这使得它成为一个问题，如果你在它附近放置其他视图。

小开

我不认为有任何方法可以在XML布局文件中这样做，而且我不认为android:scaleType属性将像你想要的那样工作 唯一的方法是通过编程来实现。您可以将宽度设置为fill_parent，并且可以将屏幕宽度作为View的高度，也可以使用View.getWidth()方法

小开

也许这能回答你的问题:

<ImageView
android:id="@+id/cover_image"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scaleType="fitCenter"
android:adjustViewBounds="true" />

对于这种特殊情况，可以忽略scaleType属性。

小开

这里我做了一个ImageButton，它的宽度总是等于它的高度(并避免愚蠢的空白空白在一个方向…我认为这是SDK的一个bug…)

我定义了一个SquareImageButton类，它扩展自ImageButton:

package com.myproject;


import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.ImageButton;


public class SquareImageButton extends ImageButton {


public SquareImageButton(Context context) {
super(context);




// TODO Auto-generated constructor stub
}


public SquareImageButton(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub


}


public SquareImageButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub


}


int squareDim = 1000000000;


@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
super.onMeasure(widthMeasureSpec, heightMeasureSpec);




int h = this.getMeasuredHeight();
int w = this.getMeasuredWidth();
int curSquareDim = Math.min(w, h);
// Inside a viewholder or other grid element,
// with dynamically added content that is not in the XML,
// height may be 0.
// In that case, use the other dimension.
if (curSquareDim == 0)
curSquareDim = Math.max(w, h);


if(curSquareDim < squareDim)
{
squareDim = curSquareDim;
}


Log.d("MyApp", "h "+h+"w "+w+"squareDim "+squareDim);




setMeasuredDimension(squareDim, squareDim);


}


}

这是我的xml:

<com.myproject.SquareImageButton
android:id="@+id/speakButton"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:scaleType="centerInside"
android:src="@drawable/icon_rounded_no_shadow_144px"
android:background="#00ff00"
android:layout_alignTop="@+id/searchEditText"
android:layout_alignBottom="@+id/searchEditText"
android:layout_alignParentLeft="true"
/>

效果好极了!

小开

ImageView "scaleType"函数可以帮助你。

这段代码将保持图像的纵横比和位置在顶部:

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scaleType="fitStart"

这里有一个很棒的帖子展示了使用scaleType的可能性和外观。

ImageView scaleType samples

小开

这可以使用LayoutParams来动态设置视图高度，一旦你在运行时知道了视图宽度。你需要使用一个可运行线程，以便在运行时获得视图的宽度，否则你将试图在你知道视图的宽度之前设置高度，因为布局还没有绘制。

下面是我解决问题的例子:

final FrameLayout mFrame = (FrameLayout) findViewById(R.id.frame_id);


mFrame.post(new Runnable() {


@Override
public void run() {
RelativeLayout.LayoutParams mParams;
mParams = (RelativeLayout.LayoutParams) mFrame.getLayoutParams();
mParams.height = mFrame.getWidth();
mFrame.setLayoutParams(mParams);
mFrame.postInvalidate();
}
});

LayoutParams必须是你的视图所在的父视图的类型。我的FrameLayout在xml文件中的RelativeLayout中。

    mFrame.postInvalidate();

调用强制视图重绘，而在一个单独的线程比UI线程

小开

为了将ImageView设置为屏幕的一半，你需要为ImageView添加以下内容:

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:scaleType="fitXY"
android:adjustViewBounds="true"/>

然后将高度设置为宽度，需要在代码中完成。在你的GridView适配器的getView方法中，设置ImageView的高度等于它的测量宽度:

mImageView.getLayoutParams().height = mImageView.getMeasuredWidth();
小开

下面是我解决这个问题的方法:

int pHeight =  picture.getHeight();
int pWidth = picture.getWidth();
int vWidth = preview.getWidth();
preview.getLayoutParams().height = (int)(vWidth*((double)pHeight/pWidth));

preview - imageView，宽度设置为“match_parent”，scaleType设置为“cropCenter”

在imageView src中设置的位图对象。

这对我来说很有效。

小开

2021年7月28日更新，使用AndroidX而不是支持库

首先，确保你的项目已经导入了AndroidX，按照在这里的指导。

然后将你的图像包装在ConstraintLayout中，它的字段如下:

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">


<ImageView
android:layout_width="wrap_content"
android:layout_height="0dp"
app:layout_constraintDimensionRatio="1:1" />


</androidx.constraintlayout.widget.ConstraintLayout>

看到在这里

小开

对于现在路过的人来说，在2017年，实现你想要的东西的最佳新方法是像这样使用ConstraintLayout:

<ImageView
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintDimensionRatio="1:1" />

不要忘记根据你的布局需要在所有四个方向上添加约束。

用ConstraintLayout构建响应式UI

此外，到目前为止，PercentRelativeLayout已弃用(参见安卓系统文档)。

小开

在Android 26.0.0 PercentRelativeLayout已弃用。

现在解决它的最好方法是像这样使用ConstraintLayout:

<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">


<ImageView android:layout_width="match_parent"
android:layout_height="0dp"
android:scaleType="centerCrop"
android:src="@drawable/you_image"
app:layout_constraintDimensionRatio="1:1"/>




</android.support.constraint.ConstraintLayout>
< p >
这是一个关于如何将ConstraintLayout添加到你的项目的教程
小开

我不能让David Chu的回答为RecyclerView项工作，并找出我需要约束ImageView到父。将ImageView的宽度设置为0dp，并将其开始和结束约束为父对象。我不确定在某些情况下是否将width设置为wrap_content或match_parent，但我认为这是让ConstraintLayout的子元素填充其父元素的更好方法。

<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">


<ImageView
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintDimensionRatio="1:1"/>


</android.support.constraint.ConstraintLayout>
小开

如果你的图像视图在一个约束布局中，你可以使用以下约束来创建一个正方形的图像视图，确保使用1:1来制作正方形

<ImageView
android:layout_width="0dp"
android:layout_height="0dp"
android:id="@+id/ivImageView"
app:layout_constraintDimensionRatio="1:1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"/>
小开

我确实喜欢这个-

layout.setMinimumHeight(layout.getWidth());

提交答案