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

TableLayout的部分是:
- 排。
- 专栏。
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>
|