TextView的宽度，动态包装到ImageView的宽度

Question

我希望我的textview能够自动调整imageview的宽度。我想获得下面的图像。 基本上相同的图片和文字但方向不同。这些是图像网格。我只是在重新布局。我该如何处理？感谢

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/card_list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="7dp"
    android:layout_margin="10dip" 
    android:background="@drawable/layout_bg"
    android:orientation="vertical">
 <!--  android:background="@drawable/layout_bg"-->

    <ImageView 
        android:id="@+id/image"
        android:src="@drawable/content_picture"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:adjustViewBounds="true"
        android:contentDescription="Desc"
        android:scaleType="centerCrop"/>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent" >

      <TextView
            android:id="@+id/btnItemName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:alpha=".7"
            android:background="#00000000"
            android:text="Order" />

    </RelativeLayout>

</FrameLayout>

更新

我添加了一个背景：android:background="#00000000"只是为了表明textview的宽度应该适合imageview的宽度。文本应覆盖到图像的顶部。我正在使用Universal-Image-Loader，我认为很难获得图像大小，因为它是从后台下载的。

Answer 1

使用相对布局并提供imageview的属性

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

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/txt"
        android:layout_alignLeft="@+id/txt"
        android:layout_alignRight="@+id/txt"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="Hi how are you" />

</RelativeLayout>

Answer 2

要让TextView覆盖在ImageView上，您可以拥有这样的布局

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

<ImageView
    android:id="@+id/imgView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/parl" />

<TextView
    android:id="@+id/txtview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@id/imgView"
    android:layout_alignLeft="@id/imgView"
    android:layout_alignRight="@id/imgView"
    android:layout_alignTop="@id/imgView"
    android:layout_margin="1dp"
    android:gravity="bottom"
    android:text="textView"
    android:textColor="@android:color/black" />

  </RelativeLayout>

Answer 3

你可以做这样的事情

    <Button
    android:id="@+id/buttonok"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@null"
    android:drawableTop="@drawable/ic_launcher"
    android:text="OK" />

Answer 4

尝试这样

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

  <ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_launcher" />

  <TextView
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/image"
    android:layout_alignRight="@+id/image"
    android:layout_below="@+id/image"
    android:text="Hi how are you" />

</RelativeLayout>