Android 表布局中行之间的分隔
我正在显示一个表布局,因为我希望表中的行之间有分隔线。也可以在表布局中按列分隔。请帮助我 以下是我的xml表布局:Android 表布局中行之间的分隔,android,tablelayout,Android,Tablelayout,我正在显示一个表布局,因为我希望表中的行之间有分隔线。也可以在表布局中按列分隔。请帮助我 以下是我的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_
<?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>
我认为您必须使用
表格布局的背景和行边距 我对您的代码做了一些更改,我认为这将有助于您
<?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>
谢谢……检查这个。它会起作用的
<?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>
表格布局
扩展了线性布局
,因此您可以在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\u 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>
如果您只想在行之间添加分隔符,那么有一个很好的解决方案
<TableLayout
android:divider="?android:attr/dividerHorizontal"
android:showDividers="middle"
...
当您在表格行中添加两个文本时,在宽度为2dp的文本之间添加一个图像(线)/视图作为分隔符。这将用作分隔符您也可以尝试此操作。或者谢谢Vinay Wadhwa..你能告诉我在哪里添加这个吗?在两个textview之间的xml中添加一个视图,而不是执行程序。你可以在使用你在问题中提到的xml的活动中添加此代码。我也是这样做的,ant这是最好的解决方案,因为它避免了布局中的视图膨胀。我们可以通过编程实现同样的功能吗?因为我正在创建基于编程的布局。我认为这不是编写的方式。如果有20个表行,则必须为分隔符再创建20行。。。。。我认为在TableLayout中有一个名为“android:devider”的标签。。但是我不知道如何使用它。。。如果有人知道,请尽快告诉我……别忘了在分隔视图中添加android:layout\u span=“2”
。这对我来说很有吸引力!谢谢
<TableLayout
android:divider="?android:attr/dividerHorizontal"
android:showDividers="middle"
...