Android TableLayout使所有按钮的大小相同

Question

I'm making a custom dialer and want to have all the buttons be the same size but because some of the text is longer than others (eg the "7" button has "PQRS" under it) it stretches out some columns. 我正在制作一个自定义拨号器，并希望所有按钮的大小相同，但是由于某些文本比其他文本长（例如，“ 7”按钮下带有“ PQRS”），因此它会延伸一些列。 Here is what I'm doing currently, what am I doing wrong? 这是我目前正在做的事情，我做错了什么？

<TableLayout
    android:id="@+id/tableView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchColumns="*" >
    <TableRow
        android:layout_weight="1"
        android:gravity="center" >
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_one" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_two" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_three" />
    </TableRow>
    <TableRow
        android:layout_weight="1"
        android:gravity="center" >
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_four" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_five" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_six" />
    </TableRow>
    <TableRow
        android:layout_weight="1"
        android:gravity="center" >
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_seven" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_eight" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_nine" />
    </TableRow>
    <TableRow
        android:layout_weight="1"
        android:gravity="center" >
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_star" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_zero" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:soundEffectsEnabled="false"
            android:textSize="20sp"
            android:text="@string/dialer_pound" />
    </TableRow>
</TableLayout>

Answer 1

Try this : And if you don't want to fill your whole screen then remove the weightSum of the main TableLayout and respective layout_weight in TableRows 尝试以下操作：如果您不想填满整个屏幕，则删除TableRows中主TableLayout的weightSum和相应的layout_weight

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/tableView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchColumns="*"
    android:weightSum="4" >

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:weightSum="3" >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
            android:text="dialer_one"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
            android:text="dialer_two"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
            android:text="dialer_three"
            android:textSize="20sp" />
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:weightSum="3" >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
            android:gravity="center"
            android:text="dialer_four"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
            android:gravity="center"
            android:text="dialer_five"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
            android:gravity="center"
            android:text="dialer_six"
            android:textSize="20sp" />
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:weightSum="3" >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
             android:gravity="center_vertical"
            android:text="dialer_seven"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
             android:gravity="center_vertical"
            android:text="dialer_eight"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
             android:gravity="center_vertical"
            android:text="dialer_nine"
            android:textSize="20sp" />
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:weightSum="3" >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
            android:layout_gravity="center_vertical"
            android:text="dialer_star"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
             android:layout_gravity="center_vertical"
            android:text="dialer_zero"
            android:textSize="20sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:soundEffectsEnabled="false"
             android:layout_gravity="center_vertical"
            android:text="dialer_pound"
            android:textSize="20sp" />
    </TableRow>

</TableLayout>

This should work 这应该工作

Answer 2

use linear layout instead of table layout and set weight=1 for all buttons. 使用线性布局而不是表格布局，并为所有按钮设置weight = 1。 it will give you positive result what you want.. 它会给您想要的积极结果。

Answer 3

<TableLayout
android:id="@+id/tableView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:stretchColumns="*"

 xmlns:android="http://schemas.android.com/apk/res/android">
<TableRow
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
    >
    <Button
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_one" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_two" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_three" />
</TableRow>
<TableRow
    android:layout_width="fill_parent"
   android:layout_height="wrap_content">
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_four" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_five" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_six" />
</TableRow>
<TableRow
    android:layout_width="fill_parent"
   android:layout_height="wrap_content">
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_seven" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_eight" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_nine" />
</TableRow>
<TableRow
    android:layout_width="fill_parent"
   android:layout_height="wrap_content" >
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_star" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_zero" />
    <Button
         android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:soundEffectsEnabled="false"
        android:textSize="20sp"
        android:text="dialer_pound" />
</TableRow>

I think this is what you want.. 我想这就是你想要的。

Answer 4

Use WeightSum and Weight in order to have all buttons of equal width like this, 使用WeightSum和Weight可以使所有具有相同宽度的按钮像这样，

 <TableRow
            android:layout_weight="1"
            android:gravity="center"
            android:weightSum="3" >

            <Button
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:soundEffectsEnabled="false"
                android:text="@string/dialer_one"
                android:textSize="20sp" />

            <Button
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:soundEffectsEnabled="false"
                android:text="@string/dialer_two"
                android:textSize="20sp" />

            <Button
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:soundEffectsEnabled="false"
                android:text="@string/dialer_three"
                android:textSize="20sp" />
        </TableRow>

Answer 5

事实证明，按钮的大小都不同，因为按钮文本周围的默认填充过高。

Android TableLayout使所有按钮的大小相同

问题描述

5 个解决方案

解决方案1
3 已采纳 2013-09-30 17:22:36

解决方案2
1 2013-09-30 17:17:25

解决方案3
0 2013-09-30 16:57:07

解决方案4
0 2013-09-30 16:57:30

解决方案5
0 2013-10-07 19:04:09

Android TableLayout使所有按钮的大小相同

问题描述

5 个解决方案

解决方案1 3 已采纳 2013-09-30 17:22:36

解决方案2 1 2013-09-30 17:17:25

解决方案3 0 2013-09-30 16:57:07

解决方案4 0 2013-09-30 16:57:30

解决方案5 0 2013-10-07 19:04:09

解决方案1
3 已采纳 2013-09-30 17:22:36

解决方案2
1 2013-09-30 17:17:25

解决方案3
0 2013-09-30 16:57:07

解决方案4
0 2013-09-30 16:57:30

解决方案5
0 2013-10-07 19:04:09