使用listview绘制表格，实现双击表头排序

最近做一个项目要用到表格，思来想去，还是用了listview。

首先，在项目style.xml中添加如下代码：

<style name="vertical_layout">
<item name="android:layout_width">1dp</item>
<item name="android:layout_height">match_parent</item>
<item name="android:background">@drawable/vertical_divider</item>
</style>
<style name="horizontal_layout">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">1dp</item>
<item name="android:background">@drawable/horizontal_divider</item>
</style>

两种style分别为横线和竖线。

接下来是activity_main布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/gray"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/gray"
android:orientation="vertical" >
<View style="@style/horizontal_layout"/>
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:cacheColorHint="#00000000"
/>
<View style="@style/horizontal_layout"/>
</LinearLayout>

</LinearLayout>

如果要绘制的表格列比较多，显示不下。可以在listview外面嵌套一个HorizontalScrollView。

listview的item布局：

<?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"
android:background="@color/white"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"   >
<View style="@style/vertical_layout"/>
<TextView
android:id="@+id/tv1"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:textColor="@color/black"
android:textSize="16sp"
android:gravity="center_vertical|center_horizontal"
android:padding="10dp"
android:singleLine="true"
/>
<View style="@style/vertical_layout"/>
<TextView
android:id="@+id/tv2"
android:layout_width="220dp"
android:layout_height="wrap_content"
android:textColor="@color/black"
android:textSize="16sp"
android:gravity="center_vertical|center_horizontal"
android:padding="10dp"
android:singleLine="true"
/>
<View style="@style/vertical_layout"/>
</LinearLayout>
<View style="@style/horizontal_layout"/>
</LinearLayout>

布局完成后，开始看java代码，首先是MainActivity

package com.example.table;

import java.util.ArrayList;
import java.util.Collections;

import com.example.table.util.DownComparator;
import com.example.table.util.DownComparator2;
import com.example.table.util.UpComparator;
import com.example.table.util.UpComparator2;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.AdapterView.OnItemClickListener;

public class MainActivity extends Activity {
private ListView lv;
private MyAdapter adapter;
private ArrayList<ArrayList<String>> lists = new ArrayList<ArrayList<String>>();
private boolean flag=true;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv = (ListView) findViewById(R.id.lv);
String arr1[] = {"名次","1","2","3","4"};
String arr[] = {"姓名","A","B","C","D"};
for(int i = 0;i < arr.length;i++){
ArrayList<String> list=new ArrayList<String>();
list.add(arr[i]);
list.add(arr1[i]);
lists.add(list);
}
adapter = new MyAdapter(MainActivity.this, lists);
lv.setAdapter(adapter);
lv.setOnItemClickListener(new OnItemClickListener(){
@Override
public void onItemClick(final AdapterView<?> parent, View view,
int position, long id) {
if(position == 0){
final ArrayList<String> list = (ArrayList<String>) parent.getAdapter().getItem(0);
final ArrayList<ArrayList<String>> lists =new ArrayList<ArrayList<String>>();
final ArrayList<ArrayList<String>> lists1 =new ArrayList<ArrayList<String>>();
TextView tv1 = (TextView) lv.getChildAt(0).findViewById(R.id.tv1);
TextView tv2 = (TextView) lv.getChildAt(0).findViewById(R.id.tv2);
tv1.setOnClickListener(new OnClickListener() {
public void onClick(View v) {

//设置一个标识flag，执行不同的点击事件
if(flag){
flag = false;
for(int i = 1;i<parent.getAdapter().getCount();i++){
ArrayList<String> list1 = (ArrayList<String>) parent.getAdapter().getItem(i);
lists.add(list1);
}																                //UpComparator是一个升序排列的工具类
UpComparator comp=new UpComparator();
Collections.sort(lists,comp);
lists1.add(list);
for(int i = 0;i<lists.size();i++){
lists1.add(lists.get(i));
}
adapter = new MyAdapter(MainActivity.this,lists1);
lv.setAdapter(adapter);
}
else{
flag = true;
for(int i = 1;i<parent.getAdapter().getCount();i++){
ArrayList<String> list1 = (ArrayList<String>) parent.getAdapter().getItem(i);
lists.add(list1);
}
DownComparator comp=new DownComparator();
Collections.sort(lists,comp);
lists1.add(list);
for(int i = 0;i<lists.size();i++){
lists1.add(lists.get(i));
}
adapter = new MyAdapter(MainActivity.this,lists1);
lv.setAdapter(adapter);
}
}
});
tv2.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
if(flag){
flag = false;
for(int i = 1;i<parent.getAdapter().getCount();i++){
ArrayList<String> list1 = (ArrayList<String>) parent.getAdapter().getItem(i);
lists.add(list1);
}
UpComparator2 comp=new UpComparator2();
Collections.sort(lists,comp);
lists1.add(list);
for(int i = 0;i<lists.size();i++){
lists1.add(lists.get(i));
}
adapter = new MyAdapter(MainActivity.this,lists1);
lv.setAdapter(adapter);
}
else{
flag = true;
for(int i = 1;i<parent.getAdapter().getCount();i++){
ArrayList<String> list1 = (ArrayList<String>) parent.getAdapter().getItem(i);							                        lists.add(list1);
}
DownComparator2 comp=new DownComparator2();
Collections.sort(lists,comp);
lists1.add(list);
for(int i = 0;i<lists.size();i++){
lists1.add(lists.get(i));
}
adapter = new MyAdapter(MainActivity.this,lists1);
lv.setAdapter(adapter);
}
}
});
}
}

});
}

}

MyAdapter.java:

package com.example.table;

import java.util.ArrayList;
import java.util.Collections;

import com.example.table.util.DownComparator;
import com.example.table.util.UpComparator;

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.TextView;
import android.widget.Toast;

public class MyAdapter extends BaseAdapter {

private Context context;
private LayoutInflater inflater;
private ArrayList<ArrayList<String>> lists;

public MyAdapter(Context context, ArrayList<ArrayList<String>> lists) {
super();
this.context = context;
this.lists = lists;
inflater = LayoutInflater.from(context);
}

@Override
public int getCount() {
// TODO Auto-generated method stub
return lists.size();
}

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return lists.get(position);
}

@Override
public long getItemId(int arg0) {
// TODO Auto-generated method stub
return arg0;
}

@Override
public View getView(final int position, View view, ViewGroup arg2) {
// TODO Auto-generated method stub
if(view == null){
view = inflater.inflate(R.layout.item, null);
}
view.setBackgroundColor(Color.WHITE);
final TextView tv1 = (TextView) view.findViewById(R.id.tv1);
final TextView tv2 = (TextView) view.findViewById(R.id.tv2);
tv1.setTextColor(Color.BLACK);
tv1.setText(lists.get(position).get(0));
tv2.setText(lists.get(position).get(1));

if(position == 0){
view.setBackgroundResource(R.color.head_bg);
tv1.setTextColor(Color.WHITE);
tv2.setTextColor(Color.WHITE);
}else{

view.setBackgroundColor(Color.argb(250 ,  255 ,  255 ,  255 ));

}

return view;
}

}

MainActivity中的UpComparator，UpComparator2，DownComparator，DownComparator2是4个工具类，其中Up是升序排列，Down是降序排列。

因为列表item里有两项，所以要两个工具类。(我目前没什么好办法把工具类整合，如果谁有好办法，欢迎分享)

UpComparator.java

package com.example.table.util;

import java.util.ArrayList;
import java.util.Comparator;

public class UpComparator implements Comparator<ArrayList<String>> {

@Override
public int compare(ArrayList<String> l1, ArrayList<String> l2) {
String s1 = (String) l1.get(0);
String s2 = (String) l2.get(0);
if(s1.compareTo(s2)>0){
return 1;
}
else if(s1.compareTo(s2)==0){
return 0;
}
else
return -1;
}

}

其他3个工具类代码差不多就不贴了。

下面附运行效果图：





目前，我的水平只能实现双击排序，因为listview设置了setOnItemClickListener，首先要触发listview的OnItemClick事件，然后

才会触发textview的OnClick事件，而如果是在adapter里设置textview的OnClick事件虽然可以做到单击响应，但却不能更新全部数据

，只能更新所点item项的数据。

如果大家有什么好的方法能实现单击排序，可以相互交流。