如何在android中的tablelayout中添加多行和列

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:43   926   0

表格布局是最着名的布局之一,它首先带有HTML,并且仍然受到数百万开发人员的喜爱,因为它简单易行。Android布局也为我们提供了TableLayout。通过这种类型的布局,android开发人员可以轻松创建具有完美小部件对齐功能的简单Android应用程序,因此每个小部件都拥有其完美的位 所以这里是Android创建表格布局示例教程Android Studio的完整分步教程。

效果图:

TableLayout的部分是:

  1. 排。
  2. 专栏。

Row: Row的基本定义基本上用于在单个记录中保存单一类型的记录装置,只能存储一个人的信息。无论您在一行中存储了哪种类型的信息,它都将始终属于一个人。行总是从上到下垂直形成。

列的基本定义: 列是每行的子划分部分,单行可以包含多种类型的列。每列包含与该特定行有关的不同类型的信息。可以始终将列创建为水平构造。

activity_main.xml布局文件的代码。

<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:shrinkColumns="*" 
android:stretchColumns="*" 
android:background="#ffffff">
 
<!-- Row 1 Starts From Here -->
 <TableRow
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:gravity="center_horizontal">
 
 <TextView
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="This is Row 1" 
 android:textSize="20dp" 
 android:padding="20dp"
 android:layout_span="3"
 android:background="#2196F3"
 android:textColor="#ffffff"
 android:textStyle="bold"
 android:gravity="center"/>
 
 </TableRow>
 
<!-- Row 2 Starts From Here -->
 <TableRow
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:gravity="center_horizontal">
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 2 Column-1" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:layout_span="1"
 android:background="#64FFDA"
 android:textColor="#000000"
 android:textStyle="bold"
 android:gravity="center"
 />
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 2 Column-2" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:layout_span="1"
 android:background="#64FFDA"
 android:textColor="#000000"
 android:textStyle="bold"
 android:gravity="center"/>
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 2 Column-3" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:layout_span="1"
 android:background="#64FFDA"
 android:textColor="#000000"
 android:textStyle="bold"
 android:gravity="center"/>
 
 </TableRow>
 
<!-- Row 3 Starts From Here -->
 
 <TableRow
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:gravity="center_horizontal">
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 3 Column-1" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:layout_span="1"
 android:background="#FFE0B2"
 android:textColor="#000000"
 android:textStyle="bold"
 android:gravity="center"
 />
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 3 Column-2" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:layout_span="1"
 android:background="#FFE0B2"
 android:textColor="#000000"
 android:textStyle="bold"
 android:gravity="center"/>
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 3 Column-3" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:layout_span="1"
 android:background="#FFE0B2"
 android:textColor="#000000"
 android:textStyle="bold"
 android:gravity="center"/>
 
 </TableRow>
 
 <!-- Row 4 Starts From Here -->
 
 <TableRow
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:gravity="center_horizontal">
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 4 Column-1" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:background="#FFCCBC"
 android:textColor="#000000"
 android:textStyle="bold"
 android:gravity="center"
 android:layout_weight="1"
 />
 
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Row 4 Column-2" 
 android:textSize="12dp" 
 android:padding="20dp"
 android:background="#FFCCBC"
 android:textColor="#000000"
 android:textStyle="bold"
 android:layout_weight="1"
 android:gravity="center"/>
 
 </TableRow>
 
 <!-- Row 5 Starts From Here -->
 <TableRow
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:gravity="center_horizontal">
 
 <TextView
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="This is Row 5" 
 android:textSize="20dp" 
 android:padding="20dp"
 android:layout_span="3"
 android:background="#2196F3"
 android:textColor="#ffffff"
 android:textStyle="bold"
 android:gravity="center"/>
 
 </TableRow>
 
 </TableLayout>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP