Разделение между строками в таблице
Я показываю один макет таблицы, в котором я хочу разделительную линию между строками в таблице. Также возможно иметь разделение по столбцу в таблице. Пожалуйста, помогите мне.
Ниже представлен мой макет таблицы xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingBottom="6dip"
android:paddingTop="4dip">
<TableLayout
android:id="@+id/tablelayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingRight="2dip">
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Income"></TextView>
<TextView
android:layout_width="150px"
android:layout_height="wrap_content"
android:layout_marginLeft="150dp"
android:text="Expense"></TextView>
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Household:"></TextView>
<TextView
android:id="@+id/text50"
android:layout_width="150px"
android:layout_height="wrap_content"
android:text="Household:"></TextView>
</TableRow>
<TableRow android:layout_marginTop="40px">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_span="2"
android:text="Travel:"></TextView>
<TextView
android:id="@+id/text51"
android:layout_width="150px"
android:layout_height="wrap_content"
android:layout_marginLeft="-250dp"
android:text="Travel"></TextView>
</TableRow>
<TableRow android:layout_marginTop="40px">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_span="2"
android:text="Education:"></TextView>
<TextView
android:id="@+id/text52"
android:layout_width="150px"
android:layout_height="wrap_content"
android:layout_marginLeft="-250dp"
android:text="Education"></TextView>
</TableRow>
</TableLayout>
</LinearLayout>
Ответы
Ответ 1
Проверьте это. Он будет работать.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:color/white"
android:orientation="vertical"
android:paddingBottom="6dip"
android:paddingTop="4dip" >
<TableLayout
android:id="@+id/tablelayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingRight="2dip" >
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Income" >
</TextView>
<TextView
android:layout_width="150px"
android:layout_height="wrap_content"
android:layout_marginLeft="150dp"
android:text="Expense" >
</TextView>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<View
android:id="@+id/line1"
android:layout_width="match_parent"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Household:" >
</TextView>
<TextView
android:id="@+id/text50"
android:layout_width="150px"
android:layout_height="wrap_content"
android:text="Household:" >
</TextView>
</TableRow>
</TableLayout>
</LinearLayout>
Ответ 2
Если вы хотите добавить разделитель между строками, то TableRow division имеет хорошее решение.
<TableLayout
android:divider="?android:attr/dividerHorizontal"
android:showDividers="middle"
...
Ответ 3
View v = new View(this);
v.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.FILL_PARENT, 1));
v.setBackgroundColor(Color.rgb(51, 51, 51));
tr.addView(mTvDate);
tr.addView(mTvResult);
tl.addView(tr);
tl.addView(v);
отсюда.
Ответ 4
TableLayout
расширяет LinearLayout
, поэтому вы можете добавлять разделители в xml. Я предполагаю, что это сработает тогда:
<TableLayout
android:id="@+id/basket_summary_table"
android:showDividers="middle"
android:divider="@drawable/divider_list"
android:padding="@dimen/element_large_spacing"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:stretchColumns="0">
</TableLayout>
Мой разделитель выглядит следующим образом:
divider_list.xml
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
<size android:height="1dp" />
<solid android:color="@color/list_divider" />
</shape>
Ответ 5
Думаю, вам нужно играть с фоном TableLayout
и границей ваших строк...
Ответ 6
Я внес некоторые изменения в ваш код и думаю, что это поможет вам...
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:paddingTop="4dip"
android:paddingBottom="6dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TableLayout
android:id="@+id/tablelayout"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:paddingRight="2dip">
<TableRow >
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Income">
</TextView>
<TextView
android:layout_width="150px" android:layout_height="wrap_content" android:text="Expense" android:layout_marginLeft="150dp">
</TextView>
</TableRow>
<View android:id="@+id/firstDivider"
android:layout_height="2dp"
android:layout_width="fill_parent"
android:background="#FFFFFF" />
<TableRow android:layout_marginTop="30px">
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Household:" >
</TextView>
<TextView
android:id="@+id/text50" android:layout_width="150px" android:layout_height="wrap_content" android:text="Household:">
</TextView>
</TableRow>
<View android:id="@+id/firstDivider"
android:layout_height="2dp"
android:layout_width="fill_parent"
android:background="#FFFFFF" />
<TableRow android:layout_marginTop="40px">
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Travel:" android:layout_span="2">
</TextView>
<TextView
android:id="@+id/text51"
android:layout_width="150px" android:layout_height="wrap_content" android:text="Travel" android:layout_marginLeft="-250dp">
</TextView>
</TableRow>
<View android:id="@+id/firstDivider"
android:layout_height="2dp"
android:layout_width="fill_parent"
android:background="#FFFFFF" />
<TableRow android:layout_marginTop="40px">
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_span="2">
</TextView>
<TextView
android:id="@+id/text52"
android:layout_width="150px" android:layout_height="wrap_content" android:text="Education" android:layout_marginLeft="-250dp">
</TextView>
</TableRow>
<View android:id="@+id/firstDivider"
android:layout_height="2dp"
android:layout_width="fill_parent"
android:background="#FFFFFF" />
</TableLayout>
</LinearLayout>
Спасибо....