我有一个包含一个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>
结果如下
如果我只是将固定高度348dp放在此处
战斗结束后,我怀疑包裹内容,考虑图像的原始高度,如果由于匹配宽度的父级而导致尺寸发生变化并不重要。请帮忙解决这个基本话题。我希望我们可以在不制作任何代码的情况下处理这个问题......
答案 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>