TableRow 中的 Android 按钮大小

Question

我读过 Andorid Metrics and Grids (http://developer.android.com/design/style/metrics-grids.html)，现在我试图让我的布局看起来不错。 我有两个元素 TextEdit 和按钮的 TableRow。

<TableRow android:id="@+id/tableRow2" android:layout_width="match_parent" android:layout_height="match_parent">
<EditText
    android:id="@+id/personDOB"
    android:hint="Date of birth"
    android:inputType="date" />

<ImageButton
    android:id="@+id/openCalendar"
    android:layout_width="48dp"
    android:layout_height="wrap_content"
    android:background="@drawable/mybutton_background"
    android:contentDescription="@string/selectdate"
    android:cropToPadding="true"
    android:onClick="selectDate"
    android:src="@drawable/ic_datepicker"/>
</TableRow>

我的按钮是 32x32（所以我可以为 48dp 节奏每边添加 8dp 边距），但在 TableRow 中它是宽度的 3 倍。 我尝试制作按钮 layout_width = 48dp（如上），包装内容，使用 width=0px & weight 进行一些实验，但这一切都无济于事。 我需要按按钮固定大小，EditText 必须使用所有其他行空间。

Answer 1

用您的布局替换以下布局。

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

    <EditText
        android:id="@+id/personDOB"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:hint="Date of birth"
        android:inputType="date" />

    <ImageButton
        android:id="@+id/openCalendar"
        android:layout_width="48dp"
        android:layout_height="wrap_content"
        android:background="@drawable/mybutton_background"
        android:contentDescription="@string/selectdate"
        android:adjustViewBounds="true"
        android:cropToPadding="true"
        android:onClick="selectDate"
        android:scaleType="centerInside"
        android:src="@drawable/ic_datepicker" />
</TableRow>