[英]How to make a dynamic table layout using XML
我想要进行如下屏幕所示的表格布局:
我可以使用代码制作此UI。 但是我想使用XML来实现。 我尝试了以下方法。
我试图制作一个具有标题和标题的表格。 现在,标题下方有两行被重复显示。 因此,这两行分别在名为row1和row2的XML文件中进行。 但是现在我不知道如何在代码中集成这三个。 我知道有方法LayoutInflater.inflate()
可以做到,但是我有两行具有diff类型的布局。 请参见下面的代码两行。 请建议我应该采用哪种方法来制作这种UI。
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>
为什么需要两个不同的行?
您可以将两行集成到一个Xml中,因此在表视图中只能添加一行
从查看图像,我建议您采取列表视图路线。 有你的布局
R1Col1 R1Col2 R1Col3
R2 Looooong Col1
这应该适合您。
更新
您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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.