如何获得具有2个相等宽度列的TableLayout

时间:2013-04-25 11:41:37

标签: android android-layout

为什么我的表没有相同的列宽?这是完整的布局:首先是表格,然后是表格外的LinearLayout中的两个按钮,它们被平分。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

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

        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="4dp" >

            <TableRow
                android:layout_marginTop="2dp"
                android:gravity="center_vertical" >

               <TextView
                    style="@style/Label.Plain"
                    android:layout_width="match_parent"
                    android:text="@string/Caption" />

                <EditText
                    android:background="#00ff00"
                    android:layout_width="match_parent"
                    android:layout_weight="1"
                    android:layout_height="@dimen/button_height"
                    android:inputType="numberDecimal"
                    android:selectAllOnFocus="true"
                    android:textSize="@dimen/spinner_text" />
            </TableRow>
        </TableLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="2dp"
            android:layout_marginBottom="3dp"
            android:gravity="center_vertical"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/btnOk"
                style="@style/Button.Plain.Fill"
                android:layout_weight="1"
                android:text="@string/ALS_OK" />

            <Button
                android:id="@+id/btnClose"
                style="@style/Button.Plain.Fill"
                android:layout_weight="1"
                android:text="@string/CANCEL" />
        </LinearLayout>
    </LinearLayout>

</ScrollView>

以下是它的外观(为了可见性绘制了一列):

enter image description here

我可以在这里使用线性布局,只是想了解TableLayout背后的逻辑。

1 个答案:

答案 0 :(得分:19)

你可以用不同的方式获得这个,

喜欢使用

android:stretchColumns="*" 
TableLayout中的

android:weightSum="1" 
TableRow中的

 android:layout_width="0dp" 
 android:layout_height="wrap_content" 

in和TableRow中的任何视图。

这是一个例子

<?xml version="1.0" encoding="utf-8"?>       
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TableLayout
            android:id="@+id/tblTop10List"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerInParent="true"
            android:layout_marginTop="23dp"
            android:stretchColumns="*" >

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

                <TextView
                    android:id="@+id/tvTopName"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:paddingLeft="8dp"
                    android:text="HELLO THERE"
                    android:textColor="#FFF000"
                    android:layout_column="0"
                    />

                <TextView
                    android:id="@+id/tvTopNumber"
                    android:paddingLeft="4dp"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:textColor="#FFF000"
                    android:text="HELLO THERE "
                    android:layout_column="1"
                    />
            </TableRow>
        </TableLayout>

    </LinearLayout>

**有关表格布局及其属性的更多信息,请查看这篇好文章

  

http://www.informit.com/articles/article.aspx?p=2007353&seqNum=7