android - ImageViews 和按钮 Android 应用程序

Question

我正在尝试构建一个 Android 应用程序，我创建了一个带有表格布局的屏幕，并在第一行表格中添加了一个 ImageView 和两个大文本，在第二行中我添加了一个按钮。< br/>当我更改按钮的文本时，它会自动更改上方 ImageView 的大小以匹配按钮的大小。

代码如下:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/TableLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".ChildInfoActivity" >

<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher"
        android:contentDescription="@string/child_info_image_descreption" />

    <TextView
        android:id="@+id/childInfoNameTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/name_text_view"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_gravity="center_vertical" />

    <TextView
        android:id="@+id/childInfoHasArrivedTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/has_arrived_text_view"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_gravity="center_vertical" />

</TableRow>

<TableRow
    android:id="@+id/tableRow2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/more_info_button"
        android:layout_weight="1" />

</TableRow>

这是为什么？

Answer 1

原因是因为在使用 TableLayout 时，每个 TableRow 的每个相同列的大小都相同。因为 ImageView 和 Button 都在第 0 列，所有影响 Button 宽度的东西也会影响 ImageView的宽度。

如果您允许 Button 跨越许多列，请将 android:layout_span="2" 添加到 Button。否则，使用不同的布局，例如 LinearLayout 或 RelativeLayout。