Как получить TableLayout с двумя столбцами одинаковой ширины

Почему в моей таблице неодинаковая ширина столбцов? Вот полный макет: сначала таблица, затем две кнопки в 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>

А вот как это выглядит (одна колонка закрашена для наглядности):

введите здесь описание изображения

Я мог бы использовать здесь линейную компоновку, просто хочу понять логику TableLayout.


android android-layout
person Violet Giraffe    schedule 25.04.2013    source источник
comment
Как в TextView, так и в EditText установите layout_width на 0dp и layout_weight на 1. В настоящее время у вас нет layout_weight в вашем TextView.   -  person Aleks G    schedule 25.04.2013
comment
@AleksG: textView наследует layout_weight 1 от своего стиля, поэтому я забыл указать его здесь.   -  person Violet Giraffe    schedule 25.04.2013
comment
Отвечает ли это на ваш вопрос? Установить равную ширину столбцов в макете таблицы в Android   -  person Vega    schedule 29.09.2020

Ответы (1)


arrow_upward
28
arrow_downward

вы можете получить это разными способами,

нравится использовать

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< /а>

person minhazur    schedule 27.10.2014