Как сделать динамический макет таблицы с использованием XML - PullRequest
Новая
       15

Как сделать динамический макет таблицы с использованием XML

0 голосов
/ 29 августа 2011

Я хочу сделать макет таблицы, как показано на экране ниже:

http://i53.tinypic.com/16hso6t.jpg

Я могу создать этот интерфейс с помощью кода.Но я хочу сделать это с помощью XML.Я попробовал следующий подход.

Я попытался создать таблицу, которая будет иметь заголовок и заголовок.Теперь у меня есть два ряда ниже заголовка, который повторяется.Поэтому я сделал эти две строки в отдельном файле XML с именами row1 и row2.Но сейчас я не знаю, как интегрировать эти три в коде.Я знаю, что есть метод LayoutInflater.inflate(), но у меня есть две строки с разной компоновкой.Ниже приведен код для двух строк.Пожалуйста, предложите, какой подход я должен использовать для создания такого интерфейса.

ROW_1.xml: 

<?xml version="1.0" encoding="utf-8"?>

<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/table_row"
android:minHeight="30dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/light_grey"
android:clickable="true"

>
    <TextView android:id="@+id/tv1"
    android:text="column1"  
    android:gravity="center"
    android:textColor="@color/black"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
 />
    <TextView android:id="@+id/tv2" 
    android:text="column2"   
    android:gravity="center"
    android:textColor="@color/black"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
    />

       <TextView android:id="@+id/tv3" 
    android:text="column3"   
    android:gravity="center"
    android:textColor="@color/black"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
    />  

</TableRow>

ROW_2.xml 

<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/table_row"
android:minHeight="30dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@color/light_grey"
android:clickable="true"
>
    <TextView android:id="@+id/tv1"
    android:text="short description text for Title 0 comes here"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
    android:gravity="center"
    android:textColor="@color/black"

 /> 
</TableRow>

Ответы [ 2 ]

0 голосов
/ 29 августа 2011

глядя на изображение, я бы предложил выбрать маршрут просмотра списка. иметь ваш макет как 

R1Col1     R1Col2     R1Col3
R2 Looooong Col1

это хорошо для тебя.

UPDATE

ваш list_item.xml должен выглядеть примерно так: 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/wrapper"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <LinearLayout android:id="@+id/wrapper"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal">

        <TextView android:id="@+id/tv1"
            android:text="column1"  
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <TextView android:id="@+id/tv2" 
            android:text="column2"   
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <TextView android:id="@+id/tv3" 
            android:text="column3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>  
    </LinearLayout>

    <TextView android:id="@+id/tv1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="short description text for Title 0 comes here" />
</LinearLayout>

Вот пример, чтобы узнать, как заполнить ListView

Пример ListView

0 голосов
/ 29 августа 2011

Зачем вам нужны две разные строки?

Вы можете интегрировать две строки в один XML и, таким образом, у вас есть только одна строка для добавления в табличное представление

...