在调整行大小时,使用视图填充Listview行高

时间:2014-12-04 09:16:09

标签: java android xml android-layout android-listview

我面临着一个看似简单的问题,但经过几个小时的案例,我现在无法理解。我正在尝试使用包含ListView的行创建ImageView,这些行会根据ImageView's图片重新调整大小。这可以通过继承ImageView并给它一个高度比来实现,因为我知道加载它之前的图像大小:

ImageView onMeasure方法的自定义子类:

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        if (mHeightRatio > 0.0) {
            // set the image views size
            int width = MeasureSpec.getSize(widthMeasureSpec);
            int height = (int) (width * mHeightRatio);
            setMeasuredDimension(width, height);
        }
        else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

在适配器中,我设置了ImageView

的比率
holder.couponImage.setHeightRatio(359.0/1080.0);

问题是我还希望以ImageView形式覆盖RelativeLayout,其背景为半透明且包含TextView。问题是当ImageView重新显示重叠的RelativeLayout时,下图中的白色是RelativeLayout

enter image description here

行XML如下所示:

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

    <se.bdms.babydirect.views.DynamicHeightImageView
        android:id="@+id/couponImage"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:adjustViewBounds="true"
        android:src="@drawable/coupon_01"/>

    <RelativeLayout
        android:id="@+id/relRedeemedOverlay"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@color/almostWhiteTransparent"
        android:gravity="center"
        >

        <se.bdms.babydirect.views.TextViewMega
            android:id="@+id/lblRedeemed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextField"
            android:textColor="@color/headlineGray"
            android:layout_centerInParent="true"
            android:textSize="24sp"/>

        </RelativeLayout>

</RelativeLayout>

我尝试了多种解决方案来解决这个问题:thisthis。 我已经成功地使RelativeLayout与ImageView的大小相同,通过子类化ImageView被子类化,然后TextView仍然没有垂直居中并保持在顶部没事发生。

我想让RelativeLayout知道行高已经改变并填充行,然后TextView根据新的高度居中。

有没有人知道如何处理这件事? 任何帮助是极大的赞赏!

1 个答案:

答案 0 :(得分:1)

我认为问题只是你需要告诉叠加层它与图像的高度相同。你可以这样做,因为父亲已经是一个RelativeLayout。我正在显示将子RelativeLayout与ImageView对齐,但您也可以使用alignParentTop =“true”和alignParentBottom =“true”。另外,我认为最好是父视图的高度为wrap_content,两个子节点都是match_parent。

一旦您的叠加层是项目的整个高度,您的centerInParent应该将其置于叠加层中(它已经是)。

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

    <se.bdms.babydirect.views.DynamicHeightImageView
        android:id="@+id/couponImage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:adjustViewBounds="true"
        android:src="@drawable/coupon_01"/>

    <RelativeLayout
        android:id="@+id/relRedeemedOverlay"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignTop="@id/couponImage"
        android:layout_alignBottom="@id/couponImage"
        android:background="@color/almostWhiteTransparent"
        android:gravity="center"
        >

        <se.bdms.babydirect.views.TextViewMega
            android:id="@+id/lblRedeemed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextField"
            android:textColor="@color/headlineGray"
            android:layout_centerInParent="true"
            android:textSize="24sp"/>

        </RelativeLayout>

</RelativeLayout>

让我知道这是否有效。