如何使叠加高度取决于textview的高度？

Question

我试图使叠加的高度取决于textview的重量。如下所示，我在背景中有一个图像和一个半透明的叠加层，作为某些文本的背景。

我使用FrameLayout包装背景图片，叠加层和文字如下：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


<ImageView
    android:id="@+id/image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
    android:scaleType="centerCrop"
/>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom">
    <View
            android:id="@+id/overlay"
            android:layout_width="fill_parent"
            android:layout_height="50dp"
            android:background="@color/overlay_box_white"/>
</FrameLayout>

<TextView
        android:id="@+id/userFeedHuntCardFrontSummary"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="10dp"
        android:layout_margin="10dp"
        android:layout_gravity="bottom"
        />

</FrameLayout>

是否有人知道如何使叠加框的高度在文本视图中具有4dp的上下边距？

谢谢！

Answer 1

这个怎么样，我认为它能满足你的需求？

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ImageView
       android:id="@+id/image"
        android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
    android:scaleType="centerCrop"
    />
   <LinearLayout 
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom"
             android:layout_marginTop="4dp"
             android:layout_marginBottom="4dp"
              android:background="@color/overlay_box_white">
   <TextView
        android:id="@+id/userFeedHuntCardFrontSummary"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="10dp"
        android:layout_margin="10dp"
        android:layout_gravity="bottom"
        />
  </LinearLayout>
 </FrameLayout>