表格布局:如何解决?
我正在尝试创建一个表格布局。
我的问题是我的表格内容不适合屏幕。
这是我的结果:
正如您所看到的,最后一行被剪切了。我该如何修复它?这是我的 xml 代码:
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="3"
android:scrollbars="none" >
<TableLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="3"
android:stretchColumns="1" >
<!-- grammi stoixeiwn pinaka -->
<TableRow >
<TextView
android:layout_column="1"
android:layout_gravity="left"
android:layout_marginLeft="10px"
android:padding="3dip"
android:text="Αριθμός"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Όνομα"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="|"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Διαδρομή"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="|"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Μέτρα"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="|"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Παρατηρήσεις"
android:textColor="#e5e975"
android:textSize="8px" />
</TableRow>
<View
android:id="@+id/view1"
android:layout_width="fill_parent"
android:layout_height="2dp"
android:background="#ffffff" />
<!-- TableRow 1 -->
<TableRow >
<TextView
android:id="@+id/txt1a"
android:layout_column="1"
android:layout_gravity="left"
android:layout_marginLeft="10px"
android:padding="3dip"
android:textColor="#ffffff" android:text="1"
android:textSize="8px" />
<TextView
android:id="@+id/txt2a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="Όνομα"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt3a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="|"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt4a"
android:layout_gravity="center"
android:gravity="left" android:text="Όνομα"
android:padding="3dip"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt5a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="|"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt6a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:textColor="#ffffff" android:text="Όνομα"
android:textSize="8px" />
<TextView
android:id="@+id/txt7a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="|"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt8a"
android:layout_gravity="center" android:text="Όνομα"
android:gravity="left"
android:padding="3dip"
android:textColor="#ffffff"
android:textSize="8px" />
</TableRow>
//more table rows here
</TableLayout></ScrollView>
编辑:
我想让它看起来像:
I m trying to create a tableLayout.
My problem is that my table content doesn't fit in the screen.
This is my result:
as you can see the last row is cut..How can i fix it?This is my code of xml:
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="3"
android:scrollbars="none" >
<TableLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="3"
android:stretchColumns="1" >
<!-- grammi stoixeiwn pinaka -->
<TableRow >
<TextView
android:layout_column="1"
android:layout_gravity="left"
android:layout_marginLeft="10px"
android:padding="3dip"
android:text="Αριθμός"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Όνομα"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="|"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Διαδρομή"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="|"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Μέτρα"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="|"
android:textColor="#e5e975"
android:textSize="8px" />
<TextView
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:text="Παρατηρήσεις"
android:textColor="#e5e975"
android:textSize="8px" />
</TableRow>
<View
android:id="@+id/view1"
android:layout_width="fill_parent"
android:layout_height="2dp"
android:background="#ffffff" />
<!-- TableRow 1 -->
<TableRow >
<TextView
android:id="@+id/txt1a"
android:layout_column="1"
android:layout_gravity="left"
android:layout_marginLeft="10px"
android:padding="3dip"
android:textColor="#ffffff" android:text="1"
android:textSize="8px" />
<TextView
android:id="@+id/txt2a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="Όνομα"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt3a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="|"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt4a"
android:layout_gravity="center"
android:gravity="left" android:text="Όνομα"
android:padding="3dip"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt5a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="|"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt6a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip"
android:textColor="#ffffff" android:text="Όνομα"
android:textSize="8px" />
<TextView
android:id="@+id/txt7a"
android:layout_gravity="center"
android:gravity="left"
android:padding="3dip" android:text="|"
android:textColor="#ffffff"
android:textSize="8px" />
<TextView
android:id="@+id/txt8a"
android:layout_gravity="center" android:text="Όνομα"
android:gravity="left"
android:padding="3dip"
android:textColor="#ffffff"
android:textSize="8px" />
</TableRow>
//more table rows here
</TableLayout></ScrollView>
EDIT:
I want to make i t look like:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
尝试在最后一列的 TextView 上设置
android:layout_width="wrap_content"
。Try setting
android:layout_width="wrap_content"
on the TextView in the last column.您可以尝试两件事,1)将拉伸列从“1”更改为“4”2)使用
android:shrinkColumns = "4"
将第四列标记为可收缩You may try two things, 1) Change stretch column from '1' to '4' 2) Mark 4th column as shrinkable using
android:shrinkColumns = "4"