Question

我使用下面的xml文件来绘制添加详细信息表单。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusable="true"
    android:focusableInTouchMode="true" 
    android:background="@color/body_background"
    android:paddingBottom="5dp"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="2dp">

    <TableRow>
        <ImageView
            android:id="@+id/product_image"
            android:layout_span="3"
            android:layout_width="wrap_content"
            android:layout_height="120dp"
            android:focusable="false"
            android:src="@drawable/no_image" />

    </TableRow>

    <TableRow>
        <TextView android:text="@string/medicine_name" />
        <EditText
            style="@style/textbox"
            android:id="@+id/txtMedicine"
            android:inputType="text" />
    </TableRow>

    <TableRow>
        <TextView android:text="@string/treatment_for" />
        <EditText
            style="@style/textbox" 
            android:id="@+id/txtTreatmentfor"
            android:inputType="text" />
    </TableRow>

    <TableRow>
        <TextView android:text="@string/side_effects" />
        <EditText 
            style="@style/textbox"
            android:id="@+id/txtSideEffects" 
            android:inputType="text"/>
    </TableRow>

    <TableRow>
        <TextView android:text="@string/price" />
        <EditText 
            style="@style/textbox"
            android:id="@+id/txtPrice" 
            android:inputType="numberDecimal"/>
    </TableRow>

    <TableRow>
        <TextView android:text="@string/storage_specifivation" />
        <EditText 
            style="@style/textbox"
            android:id="@+id/txtStorageSpecification" 
            android:inputType="text"/>
    </TableRow>

    <TableRow>
        <TextView android:text="@string/general_information" />
        <EditText 
            style="@style/textbox"
            android:id="@+id/txtGeneralInformation" 
            android:inputType="text"/>
    </TableRow>

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:focusable="false" >

        <Button
            android:id="@+id/btnSubmit"
            android:layout_width="wrap_content"
            android:layout_span="2"
            android:text="@string/submit" />
    </TableRow>

</TableLayout>

我得到了输出：

但是我希望图像视图跨越两列，同一个按钮也适合完整的。

我想输出如下表格

我缺少什么或xml中的问题是什么？

Answer 1

只需使用weightSum中的TableRow和ImageView和按钮中的layout_weight ...

ImageView：

<TableRow
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:weightSum="1">
    <ImageView
        android:id="@+id/product_image"
        android:layout_width="wrap_content"
        android:layout_height="120dp"
        android:focusable="false"
        android:src="@drawable/no_image"
        android:layout_weight="1" />
</TableRow>

按钮：

<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="match_parent"
    android:focusable="false"
    android:layout_height="wrap_content"
    android:weightSum="1" >
    <Button
        android:id="@+id/btnSubmit"
        android:layout_width="wrap_content"
        android:layout_span="2"
        android:text="dfghdgd"
        android:layout_weight="1" />
</TableRow>

android中的表布局跨度问题

1 个答案: