将ImageView高度与FrameLayout中的TextView高度相匹配

时间:2018-06-13 07:15:51

标签: android

我使用以下FrameLayout在图像上显示一些文字:

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/imageview_picture"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:scaleType="centerCrop"/>
        <TextView
            android:id="@+id/textview_detail_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:paddingTop="15dp"
            android:paddingBottom="15dp"
            android:layout_gravity="bottom"
            android:textColor="@android:color/white"
            android:background="#55000000" />
    </FrameLayout>

此布局给出了以下结果:

enter image description here

我需要的是,我希望ImageView的高度与TextView的高度相匹配。也就是说,我希望Android能够自动裁剪图像,使其与TextView的高度相匹配。我也试过android:adjustViewBounds="true",但它没有给出理想的结果。

如何修改XML以裁剪图像,使其高度与文本高度相匹配?谢谢!

2 个答案:

答案 0 :(得分:1)

您可以通过RelativeLayout实现相同的目标。 请使用以下代码

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
      android:id="@+id/imageview_picture"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_alignTop="@+id/textview_detail_title"
      android:layout_alignBottom="@+id/textview_detail_title"
      android:scaleType="centerCrop"
     />
    <TextView
      android:id="@+id/textview_detail_title"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom"
      android:paddingTop="15dp"
      android:paddingBottom="15dp"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:text="Testing Text"
      android:textColor="@android:color/white"
      />

  </RelativeLayout>

答案 1 :(得分:0)

它对我有用。这是xml: 旁注:此框架布局位于LinearLayout(垂直)中。 代码(文字):

<FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:srcCompat="@drawable/tvrdjava"
                android:id="@+id/imageView8"
                android:adjustViewBounds="true"
                android:cropToPadding="false" />

            <TextView
                android:text="TrTemp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/textView3"
                android:textColor="@color/cardview_light_background" />