且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

【Android开发】布局管理器-表格布局

更新时间:2022-03-08 23:35:27

在XML布局文件中定义表格布局管理器的基本语法:
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  属性列表
>
  <TableRow 属性列表> 需要添加的UI组件</TableRow>
  多个TableRow
</TableLayout>


TableLayout支持的XML属性:
android:collapseColumns设置要被隐藏的序列号(从0开始,用','分离)
android:shrinkColumns设置允许被收缩的序列号(从0开始,用','分离)
android:stretchColumns设置允许被拉伸的序列号(从0开始,用','分离)


下面使用表格布局实现一个用户登录的界面

效果图:

 【Android开发】布局管理器-表格布局

实现代码:

MainActivity:

package com.example.test;


import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;


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

res/layout/main.xml:
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/tableLayout1"
    android:gravity="center_vertical"
    android:background="#000000"
    android:stretchColumns="0,3"
    >
 	<!-- 第一行 -->
 	<TableRow android:id="@+id/tableRow1"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content">
 	    <TextView/>
 	    <TextView android:text="用户名"
 	        android:id="@+id/textView1"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:textSize="24px"
 	        android:textColor="#FFFFFF"/>
 	    <EditText android:id="@+id/editView1"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:background="#FFFFFF"
 	        android:minWidth="200px"/>
 	    <TextView/>
 	</TableRow>
 	<!-- 第二行 -->
 	<TableRow android:id="@+id/tableRow2"
 	    android:layout_marginTop="10px"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content">
 	    <TextView/>
 	    <TextView android:text="密    码:"
 	        android:id="@+id/textView2"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:textSize="24px"
 	        android:textColor="#FFFFFF"/>
 	    <EditText android:id="@+id/editView1"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:background="#FFFFFF"
 	        android:textSize="24px"
 	        android:inputType="textPassword"/>
 	    <TextView/>
 	</TableRow>
 	<!-- 第三行 -->
 	<TableRow android:id="@+id/tableRow3"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content">
 	    <TextView/>
 	    <Button android:text="登录"
 	        android:id="@+id/button1"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"/>
 	    <Button android:text="退出"
 	        android:id="@+id/button2"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"/>
 	    <TextView/>
 	</TableRow>
</TableLayout>

转载请注明出处:http://blog.csdn.net/acmman/article/details/44728787