Android - выравнивание TextViews как строки таблицы

1

У меня есть список, что я заполняю данными, и я пытаюсь заставить свой макет выглядеть так:

Изображение 174551

Есть ли способ создать это при использовании линейных или относительных макетов? Я попытался использовать TableRows, и пока он работает, он оставляет пробел между столбцом, который делит левый справа, и он не выглядит привлекательным вообще.

Не слишком уверен, с чего начать... любая помощь очень ценится.

Теги:
android-layout

4 ответа

0
Лучший ответ

Я создал макет с вашими 2-мя строками:

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

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:gravity="right"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Issue Number:"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Date Received:"
        android:textAppearance="?android:attr/textAppearanceLarge" />
</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_toRightOf="@+id/linearLayout1"
    android:gravity="left"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="6,046"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="09/02/2008"
        android:textAppearance="?android:attr/textAppearanceLarge" />
</LinearLayout>

</RelativeLayout>
  • 0
    Это не очень хороший ответ, потому что он не учитывает, где текстовые представления второго столбца могут иметь несколько строк.
2

Я пишу образец для одной строки. Пожалуйста, обратитесь к этому.

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

    <TextView
       android:text="Issue Number"
       android:layout_weight="1.0"
       android:layout_height="wrap_content"
       android:layout_width="0px"
       android:gravity="right"/>

    <TextView
       android:text="6046"
       android:layout_weight="1.0"
       android:layout_height="wrap_content"
       android:layout_width="0px"
       android:gravity="left"/>

 </LinearLayout>

Вам нужно написать это для всех строк, а затем заключить его под родительским LinearLayout с вертикальной ориентацией.

  • 0
    Этот ответ, вероятно, лучший, единственное, что я хотел бы добавить, это то, что вы можете указать левое текстовое представление, чтобы иметь вес 1,0, а правое иметь вес 3,0. Это позволит достичь желаемого результата выше.
0

Вы можете предоставить xml для форматирования каждой строки в ListView, в которой каждая строка представляет собой простой горизонтальный LinearLayout с двумя TextView.

Итак, что-то вроде того:

http://www.heikkitoivonen.net/blog/2009/02/15/multicolumn-listview-in-android/

Более подробная статья, посвященная ListViews:

http://www.vogella.de/articles/AndroidListView/article.html

0

Вы можете это сделать, разместив 2 LinearLayout внутри одного родительского LinearLayout. Где родительский android:orientation должна быть горизонтальной. Для каждой строки вам нужно использовать эту технику.

Я использовал этот метод для своего проекта.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню