基本的excel表格开发

最近项目里要用到表格，闲着没事，研究了一下，主要的开发框架是：TableLayout+GridView+TableRow+BaseAdapter。看一下最终效果：

为什么要使用BaseAdapter？

因为当向表格中填充数据时，如果在主线程中new出row填充数据，会造成线程等待，界面会加载很慢，甚至造成异常，使用适配器，像listView一样，可以有效地对表格row进行复用，数据加载更快。

为什么要用GridView？

有人会问既然用了TableLayout了，动态加载数据时用一个Linearlayout添加表格数据就好了呀，可是Linearlayout没有setAdapter方法，GridView自带setAdapter方法，而且GridView本身就是网格视图，功能更强大。

TableLayout不带分割线Api，怎么实现的？

这里有点技巧，首先是边框：设置TableLayout为黑色背景，将TableRow的Layout_magin设置为0.1dp，tableRow中的每一个子TextView之间划线，加一个0.1dp宽度的View，即可。

整体的代码如下：

界面的布局文件：（红字为边框及分割线）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    android:orientation="vertical" >

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="20dp"
        <span style="color:#ff0000;">android:background="#000000"</span> >

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            <span style="color:#ff0000;">android:layout_margin="0.1dp"
            android:background="#FFFFFF"</span> >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1.5"
                android:padding="5dp"
                android:text="姓名"
                android:textColor="#000000"
                android:textSize="18sp" />

            <span style="color:#ff0000;"><View
                android:layout_width="0.1dp"
                android:layout_height="match_parent"
                android:background="#000000" /></span>

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="2"
                android:padding="5dp"
                android:text="选择专业"
                android:textColor="#000000"
                android:textSize="18sp" />

            <span style="color:#ff0000;"><View
                android:layout_width="0.1dp"
                android:layout_height="match_parent"
                android:background="#000000" /></span>

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:padding="5dp"
                android:text="考试成绩"
                android:textColor="#000000"
                android:textSize="18sp" />

            <span style="color:#ff0000;"><View
                android:layout_width="0.1dp"
                android:layout_height="match_parent"
                android:background="#000000" /></span>

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:padding="5dp"
                android:text="排名"
                android:textColor="#000000"
                android:textSize="18sp" />
        </TableRow>

        <GridView
            android:id="@+id/table_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >
        </GridView>
    </TableLayout>

</LinearLayout>

每一个TableRow的xml布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="0.1dp"
        android:layout_marginLeft="0.1dp"
        android:layout_marginRight="0.1dp"
        android:background="#FFFFFF" >

        <TextView
            android:id="@+id/name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1.5"
            android:padding="5dp"
            android:textColor="#000000"
            android:textSize="14sp" />

        <View
            android:layout_width="0.1dp"
            android:layout_height="match_parent"
            android:background="#000000" />

        <TextView
            android:id="@+id/major"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:padding="5dp"
            android:textColor="#000000"
            android:textSize="14sp" />

        <View
            android:layout_width="0.1dp"
            android:layout_height="match_parent"
            android:background="#000000" />

        <TextView
            android:id="@+id/score"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:padding="5dp"
            android:textColor="#000000"
            android:textSize="14sp" />

        <View
            android:layout_width="0.1dp"
            android:layout_height="match_parent"
            android:background="#000000" />

        <TextView
            android:id="@+id/rank"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:padding="5dp"
            android:textColor="#000000"
            android:textSize="14sp" />
    </TableRow>

</LinearLayout>

Adapter：

public class TableRowAdapter extends BaseAdapter {
	
	private List<TableData> datas;
	private Context context;
	
	public TableRowAdapter(Context ctx,List<TableData> datas) {
		context = ctx;
		this.datas = datas;
	}

	@Override
	public int getCount() {
		return datas.size();
	}

	@Override
	public Object getItem(int position) {
		return datas.get(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@SuppressLint("InflateParams")
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		TableData data = datas.get(position);
		ViewHolder holder;
		if(convertView == null){
			holder = new ViewHolder();
			convertView = LayoutInflater.from(context).inflate(R.layout.tableview_layout, null);
			convertView.setTag(holder);
		}else{
			holder = (ViewHolder) convertView.getTag();
		}
		holder.name = (TextView)convertView.findViewById(R.id.name);
		holder.score  =(TextView)convertView.findViewById(R.id.score);
		holder.major = (TextView)convertView.findViewById(R.id.major);
		holder.rank = (TextView)convertView.findViewById(R.id.rank);
		holder.name.setText(data.name);
		holder.score.setText(data.score);
		holder.major.setText(data.major);
		holder.rank.setText(data.rank);
		return convertView;
	}

	class ViewHolder{
		TextView name;
		TextView score;
		TextView major;
		TextView rank;
	}
}

主界面代码：

public class TableLayoutActivity extends Activity {

	private GridView tableLayout;
	private TableRowAdapter adapter;
	private List<TableData> datas;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.table_layout);
		tableLayout = (GridView)this.findViewById(R.id.table_layout);
		datas = new ArrayList<TableData>();
		datas.add(new TableData("张三","大学物理","95","1"));
		datas.add(new TableData("李四","化学","92","2"));
		datas.add(new TableData("王五","计算机","87","3"));
		datas.add(new TableData("赵六","生物","82","4"));
		for(int i = 0;i<30;i++){
			datas.add(new TableData("haha"+i+5,"English",70-i+"",i+5+""));
		}
		adapter = new TableRowAdapter(this, datas);
		tableLayout.setAdapter(adapter);
	}

}