无涯教程-Android - Table Layout函数

59 阅读2分钟

Android TableLayout将视图排列成行和列,您将使用<TableRow>元素在表中构建一行;每个单元格可以容纳一个View对象。

TableLayout容器不显示其行,列或单元格的边界线。

Table Layout

Table Layout - 属性

以下是特定于TableLayout的重要属性-

Sr.No. Attribute & 描述
1

android:id

这是唯一标识布局的ID。

2

android:collapseColumns

这指定要折叠的列的从零开始的索引。

3

android:shrinkColumns

要缩小的列的从零开始的索引。

4

android:stretchColumns

要拉伸的列的从零开始的索引。

Table Layout - 示例

本示例将带您通过简单的步骤,展示如何使用Table Layout创建自己的Android应用程序。

以下是修改后的主要Activity文件 src/com.example.demo/MainActivity.java 的内容。

package com.example.demo;

import android.os.Bundle; import android.app.Activity; import android.view.Menu;

public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }

}

以下是 res/layout/activity_main.xml 文件的内容-

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent" android:layout_height="fill_parent">

  </span><span class="tag">&lt;TextView</span><span class="pln">
     </span><span class="atn">android:text</span><span class="pun">=</span><span class="atv">"Time"</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_column</span><span class="pun">=</span><span class="atv">"1"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">
		
  </span><span class="tag">&lt;TextClock</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:id</span><span class="pun">=</span><span class="atv">"@+id/textClock"</span><span class="pln">
     </span><span class="atn">android:layout_column</span><span class="pun">=</span><span class="atv">"2"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">
		

</TableRow>

<TableRow>

  </span><span class="tag">&lt;TextView</span><span class="pln">
     </span><span class="atn">android:text</span><span class="pun">=</span><span class="atv">"First Name"</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_column</span><span class="pun">=</span><span class="atv">"1"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">
		
  </span><span class="tag">&lt;EditText</span><span class="pln">
     </span><span class="atn">android:width</span><span class="pun">=</span><span class="atv">"200px"</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">

</TableRow>

<TableRow>

  </span><span class="tag">&lt;TextView</span><span class="pln">
     </span><span class="atn">android:text</span><span class="pun">=</span><span class="atv">"Last Name"</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_column</span><span class="pun">=</span><span class="atv">"1"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">
		
  </span><span class="tag">&lt;EditText</span><span class="pln">
     </span><span class="atn">android:width</span><span class="pun">=</span><span class="atv">"100px"</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">

</TableRow>

<TableRow android:layout_width="fill_parent" android:layout_height="fill_parent">

  </span><span class="tag">&lt;RatingBar</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:id</span><span class="pun">=</span><span class="atv">"@+id/ratingBar"</span><span class="pln">
     </span><span class="atn">android:layout_column</span><span class="pun">=</span><span class="atv">"2"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">

</TableRow>

<TableRow android:layout_width="fill_parent" android:layout_height="fill_parent"/>

<TableRow android:layout_width="fill_parent" android:layout_height="fill_parent">

  </span><span class="tag">&lt;Button</span><span class="pln">
     </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">
     </span><span class="atn">android:text</span><span class="pun">=</span><span class="atv">"Submit"</span><span class="pln">
     </span><span class="atn">android:id</span><span class="pun">=</span><span class="atv">"@+id/button"</span><span class="pln">
     </span><span class="atn">android:layout_column</span><span class="pun">=</span><span class="atv">"2"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">

</TableRow>

</TableLayout>

以下是 res/values/strings.xml 的内容,以定义两个新的常量-

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">HelloWorld</string>
   <string name="action_settings">Settings</string>
</resources>

单击运行 Eclipse Run Icon工具栏。 Android studio将应用程序安装在您的AVD上并启动它,如果设置和应用程序一切正常,它将在"Emulator"窗口中显示-

Android TableLayout

参考链接

www.learnfk.com/android/and…