Question

我有一个用户可以阅读文章的屏幕（顶部有大照片。

它的一般结构是：

LinearLayout -> ScrollView -> LinearLayout -> ImageViews,TextViews...etc

我遇到问题的ImageView是顶部的大图片（文章标题下方，但在文字上方：

        <ImageView
            android:id="@+id/article_photo"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@color/super_light_gray"
            android:scaleType="centerCrop"
            android:contentDescription="@string/articlePhoto"
            android:cropToPadding="true"
            android:layout_marginBottom="10dp"
            android:padding="1dp"/>

问题是，照片会出现，但会被垂直裁剪很多，因此即使是垂直方向的照片也会显得非常粗糙和宽阔。我认为“wrap_content”应该使它成为照片的全高......但我显然错了：）

如何让照片显示全宽（已经工作），还有全高？

我正在使用UniversalImageLoader加载图片：

        if(lrgPhoto != null && !lrgPhoto.filepath.equals(""))
        {
            imageLoader.displayImage(
                "http://img.mysite.com/processes/resize_android.php?image=" + lrgPhoto.filepath + "&size=640&quality=90",
                imageView,
                imgDisplayOptions
                );
            imageView.setVisibility(View.VISIBLE); //show photo
        }
        else
        {
            imageView.setVisibility(View.GONE); //hide photo
            imageView.invalidate();
        }

修改

如果我将'scaleType'更改为'fitXY'，那么图像会显示正确的尺寸而不会被裁剪，但它不是全宽的。有没有办法让我可以同时拥有全宽和非裁剪？

看起来“裁剪”是因为它使用图像的原始高度作为高度，但它正在放大图像以适应全宽...

Answer 1

将其添加到imageview xml：

android:adjustViewBounds="true"

Answer 2

更改

android:scaleType="centerCrop"

到

android:scaleType="fitXY"

Answer 3

我原本以为这很简单，但看起来单独使用xml布局可能无法实现：

ImageView - have height match width?

带有wrap_content高度的ImageView显示非常粗糙/裁剪的照片而不是全高

3 个答案: