如何保证ImageView的空间，不让它缩小？

Question

我需要创建一个包含以下内容的 XML：
* 两个 TextView 具有不同的文本（1-3 行），一个 TextView 位于另一个下方。
* 1 个 ImageView 位于 2 个 TextView 右侧，垂直居中，30x30 像素。

一个主要的限制是它在膨胀到 PopupWindow 时无法占据整个屏幕，这意味着我无法在很多地方使用 fill_parent 属性。

我尝试了很多不同的布局，但是当文本很长时，ImageView 不断被 TextView 推开。当文本“半长”时，图像会变小，但仍然可见。我希望它始终为 30x30 像素，文本可以换行并使用另一行。

我尝试指定 width 和 minWidth 的值。还尝试了 ImageView 的layout_weight =“1”。还尝试将 ImageView 包装到 LinearLayout 中并给出layout_weight =“1”参数。什么都不起作用。

这是不起作用的示例：

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

    <LinearLayout android:layout_width="wrap_content"
       android:layout_height="wrap_content" android:orientation="vertical">

       <TextView android:id="@+id/popupTitle" android:layout_width="wrap_content"
      android:layout_height="wrap_content"/>

       <TextView android:id="@+id/popupContent"
      android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    </LinearLayout>

    <ImageView android:layout_width="wrap_content"
       android:layout_height="wrap_content" android:src="@drawable/img_30x30_px" />
 </LinearLayout>

Answer 1

我遇到了类似的问题，我发现 TableView 布局对我有用。这花了一段时间，但您可以使用拉伸和收缩列属性来更改列扩展方式以匹配内容的行为。

请注意，您应该能够将文本的 LinearLayout 设置为 fill_parent （以填充列空间）。

阅读本文，了解 TableRow 的工作原理 http://developer.android.com/resources /tutorials/views/hello-tablelayout.html

<TableRow>
    <!-- Column 1 -->
    <LinearLayout android:layout_width="fill_parent"
   android:layout_height="wrap_content" android:orientation="vertical">

            <TextView
                android:layout_column="1"
                android:text="Open..."
                android:padding="3dip" />
            <TextView
                android:text="Ctrl-O"
                android:gravity="right"
                android:padding="3dip" />
    </LinearLayout>
    <!-- Column 2 -->
    <ImageView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:src="@drawable/img_30x30_px" />
</TableRow>

（恐怕我没有使用 Android 机器，所以我无法测试上面的代码）。

Answer 2

非常感谢埃米尔！有用！你让我度过了周末！ :)

我必须立即尝试（虽然是周五晚上），这就是我的 xml 现在的样子：

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:shrinkColumns="0">  

<TableRow>
<!-- Column 1 -->
<LinearLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="vertical">

  <TextView android:id="@+id/popupTitle"
  android:layout_width="wrap_content" android:layout_height="wrap_content"/>

  <TextView android:id="@+id/popupContent"
  android:layout_width="wrap_content" android:layout_height="wrap_content" />
  </LinearLayout>

  <!-- Column 2 -->
  <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content"
  android:layout_gravity="center_vertical" android:src="@drawable/img_30x30_px" />

</TableRow>
</TableLayout>