【Android开发学习24】界面布局之表格布局TableLayout+TableRow

一、基础知识:

 

TableLayout置底，TableRow在TableLayout的上面,而Button、TextView等控件就在TableRow之上，

另外，TableLayout之上也可以单独放控件。TableLayout是一个使用复杂的布局，最简单的用法就仅

仅是拖拉控件做出个界面，但实际上，会经常在代码里使用TableLayout，例如做出表格的效果。

 

android:collapseColumns：以第0行为序，隐藏指定的列
android:shrinkColumns：以第0行为序，自动延伸指定的列填充可用部分
android:stretchColumns：以第0行为序，尽量把指定的列填充空白部分

 

二、方案一代码展示:

方案一采用xml布局，在代码中除了显示layout之外，未作任何布局相关的操作。

1."Acticity_06\src\yan\acticity_06\MainActivity.java"

package yan.activity_06;

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

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

 

2."Activity_06\res\layout\activity_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"
    tools:context=".MainActivity"
    android:stretchColumns="0" >
 <TableRow>
        <TextView
            android:text="第一行第一列"
            android:background="#aa0000"
            android:padding="3dip" />
        <TextView
        	android:text="第一行第二列"
        	android:padding="3dip"
        	android:gravity="center_horizontal"
            android:background="#00aa00"
        	></TextView>
        <TextView
            android:text="第一行第三列"
            android:gravity="right"
            android:background="#0000aa"
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="第二行第一列"
            android:padding="3dip" />
        <TextView
            android:text="第二行第二列"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>
    
    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world" />

</TableLayout>

 

三、方案二代码展示:

方案二采用代码布局，在layout文件中除了显示一个空的TabLayout之外，未作任何其它布局。

1."Acticity_06\src\yan\acticity_06\MainActivity.java"

package yan.activity_06;

import android.os.Bundle;
import android.view.ViewGroup;
import android.widget.TableLayout;
import android.widget.TableRow;
import android.widget.TextView;
import android.app.Activity;

public class MainActivity extends Activity {
	/** Called when the activity is first created. */  
    private final int WC = ViewGroup.LayoutParams.WRAP_CONTENT;  
    private final int FP = ViewGroup.LayoutParams.FILL_PARENT;  
      
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        //新建TableLayout01的实例   
        TableLayout tableLayout = (TableLayout)findViewById(R.id.TableLayout01);  
        //全部列自动填充空白处   
        tableLayout.setStretchAllColumns(true);  
        //生成10行，8列的表格   
        for(int row=0;row<10;row++)  
        {  
            TableRow tableRow=new TableRow(this);  
            for(int col=0;col<8;col++)  
            {  
                //tv用于显示   
                TextView tv=new TextView(this);  
                tv.setText("("+col+","+row+")");  
                tableRow.addView(tv);  
            }  
            //新建的TableRow添加到TableLayout   
            tableLayout.addView(tableRow, new TableLayout.LayoutParams(FP, WC));  
        }  
    }
}

2."Activity_06\res\layout\activity_main.xml"

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    >  
     <TableLayout   
             android:id="@+id/TableLayout01"   
             android:layout_width="fill_parent"   
             android:layout_height="wrap_content">  
     </TableLayout>  
</LinearLayout>  

 

 

 

三、效果展示:

1.方案一:

 

2.方案二:

 

 

参考文章有: http://blog.csdn.net/hellogv/article/details/4523745

                      http://blog.csdn.net/hellogv/article/details/4522125

 

本文完整代码下载地址: http://download.csdn.net/detail/ypist/5144652

 

本文博客源地址:http://blog.csdn.net/ypist