我面临着一个看似简单的问题,但经过几个小时的案例,我现在无法理解。我正在尝试使用包含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
:
行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>
我尝试了多种解决方案来解决这个问题:this和this。
我已经成功地使RelativeLayout
与ImageView的大小相同,通过子类化ImageView
被子类化,然后TextView
仍然没有垂直居中并保持在顶部没事发生。
我想让RelativeLayout知道行高已经改变并填充行,然后TextView根据新的高度居中。
有没有人知道如何处理这件事? 任何帮助是极大的赞赏!
答案 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>
让我知道这是否有效。