ListView实现带标题栏效果（附源码）

我的实现思路是重写一个LinearLayout，在里面放一个标题栏，再在下面放一个ListView存放数据 ， 目前实现了文字列宽自动适应， 自动排版内容等功能 。



我把整个功能写成了一个类，在需要用的时候只需要new出这个类就可以直接使用了

该类目前的所有方法:
/** 初始化带标题ListView. */
CListView(Context, String[], List<String[]>)
/** 整体有改变时，刷新显示. */
definedSetChanged()
/** 设置选中时的监听器. */
setOnItemClickListener(OnItemClickListener)
/** 设置行背景颜色, 多个颜色可以作为间隔色. */
setItemBackgroundColor(int...)
/** 数据总数. */
getCount()
/** 当前选中数据. */
getItem(int)
/** 设置当前选中位置. */
setSelectedPosition(int)
/** 当前选中位置. */
getSelectedPosition()
/** 设置被选中时的背景色. */
setSelectedBackgroundColor(int)
/** 设置标题背景色. */
setTitleBackgroundColor(int)
/** 设置标题文字颜色. */
setTitleTextColor(int)
/** 设置内容文字颜色. */
setContentTextColor(int)
/** 设置标题字体大小. */
setTitleTextSize(float)
/** 设置内容字体大小. */
setContentTextSize(float)
/** 设定哪列自动列宽 从0开始计算. */
setAutoColumnWidth(int)

这是我的代码，希望各位如果有什么好的建议都提出来，或者大家对其有修改也希望发给我一份：

package cn.title.list;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;

public class TitleListActivity extends Activity {

TListView t_listView;
List<String[]> list = new ArrayList<String[]>();

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setContentView(R.layout.main);

makeData();

String[] title = new String[] { "ID", "标题2", "标题3", "标题4", "标题5" };

t_listView = new TListView(this, title, list);
t_listView.setTitleTextColor(Color.GREEN);
t_listView.setTitleBackgroundColor(Color.RED);
// listView.setAutoColumnWidth(3);
// listView.setItemBackgroundColor(Color.GREEN, Color.WHITE);
t_listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
String[] item = t_listView.getItem(position);
item[2] = "12312312312";
t_listView.definedSetChanged();
}
});

//            listView.definedSetChanged();

setContentView(t_listView);
}

/*
* (non-Javadoc)
*
* @see android.app.Activity#onCreateOptionsMenu(android.view.Menu)
*/

public boolean onCreateOptionsMenu(Menu menu) {
menu.add(0, 0, 0, "测试修改选中行");
return true;
}

/*
* (non-Javadoc)
*
* @see android.app.Activity#onOptionsItemSelected(android.view.MenuItem)
*/

public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case 0:
t_listView.setSelectedPosition(32);
break;
}
return true;
}

private void makeData() {
list.add(new String[] { "1", "数据1.2", "数据1.3", "数据1.4" });
list.add(new String[] { "2", "数据2.2", "数据2.3", "数据2.4", "数据2.5" });
list.add(new String[] { "3", "数据3.2", "数据3.3", "数据3.4" });
list.add(new String[] { "4", "数据4.2", "数据4.3", "数据4.4" });
list.add(new String[] { "5", "数据5.2", "数据5.3", "数据5.4", "数据5.5" });
list.add(new String[] { "6", "数据6.2", "数据6.3", "数据6.4" });
list.add(new String[] { "7", "数据7.2", "数据7.3", "数据7.4", "数据7.5", "数据7.6" });
list.add(new String[] { "8", "数据8.2", "数据8.3", "数据8.4" });
list.add(new String[] { "9", "数据9.2", "数据9.3", "数据9.4" });
list.add(new String[] { "10", "数据10.2", "数据10.3", "数据10.4", "数据10.5", "数据10.6", "数据10.7" });
list.add(new String[] { "11", "数据11.2", "数据11.3", "数据11.4", "数据11.5" });
list.add(new String[] { "12", "数据12.2", "数据12.3", "数据12.4", "数据12.5" });
list.add(new String[] { "13", "数据13.2", "数据13.3", "数据13.4", "数据13.5" });
list.add(new String[] { "14", "数据14.2", "数据14.3", "数据14.4", "数据14.5" });
list.add(new String[] { "15", "数据15.2", "数据15.3", "数据15.4", "数据15.5" });
list.add(new String[] { "16", "数据16.2", "数据16.3", "数据16.4", "数据16.5" });
list.add(new String[] { "17", "数据17.2", "数据17.3", "数据17.4", "数据17.5" });
list.add(new String[] { "18", "数据18.2", "数据18.3", "数据18.4", "数据18.5" });
list.add(new String[] { "19", "数据19.2", "数据19.3", "数据19.4", "数据19.5" });
list.add(new String[] { "20", "数据20.2", "数据20.3", "数据20.4", "数据20.5" });
list.add(new String[] { "21", "数据21.2", "数据21.3", "数据21.4", "数据21.5" });
list.add(new String[] { "22", "数据22.2", "数据22.3", "数据22.4", "数据22.5" });
list.add(new String[] { "23", "数据23.2", "数据23.3", "数据23.4", "数据23.5" });
list.add(new String[] { "24", "数据24.2", "数据24.3", "数据24.4", "数据24.5" });
list.add(new String[] { "25", "数据25.2", "数据25.3", "数据25.4", "数据25.5" });
list.add(new String[] { "26", "数据26.2" });
list.add(new String[] { "27", "数据27.2", "数据27.3", "数据27.4", "数据27.5" });
list.add(new String[] { "28", "数据28.2", "数据28.3", "数据28.4", "数据28.5" });
list.add(new String[] { "29", "数据29.2", "数据29.3", "数据29.4", "数据29.5" });
list.add(new String[] { "30", "数据12.2", "数据12.3", "数据12.4", "数据12.5" });
list.add(new String[] { "31", "数据13.2", "数据13.3", "数据13.4", "数据13.5" });
list.add(new String[] { "32", "数据14.2", "数据14.3", "数据14.4", "数据14.5" });
list.add(new String[] { "33", "数据15.2", "数据15.3", "数据15.4", "数据15.5" });
list.add(new String[] { "34", "数据16.2", "数据16.3", "数据16.4", "数据16.5" });
list.add(new String[] { "35", "数据17.2", "数据17.3", "数据17.4", "数据17.5" });
list.add(new String[] { "36", "数据18.2", "数据18.3" });
list.add(new String[] { "37", "数据19.2", "数据19.3", "数据19.4", "数据19.5" });
list.add(new String[] { "38", "数据20.2", "数据20.3", "数据20.4", "数据20.5" });
list.add(new String[] { "39", "数据21.2", "数据21.3", "数据21.4", "数据21.5" });
list.add(new String[] { "40", "数据22.2", "数据22.3", "数据22.4", "数据22.5" });
list.add(new String[] { "41", "数据23.2", "数据23.3", "数据23.4", "数据23.5" });
list.add(new String[] { "42", "数据24.2", "数据24.3", "数据24.4", "数据24.5" });
list.add(new String[] { "43", "数据25.2", "数据25.3", "数据25.4", "数据25.5" });
list.add(new String[] { "44", "数据26.2", "数据26.3", "数据26.4", "数据26.5" });
list.add(new String[] { "45", "数据27.2", "数据27.3", "数据27.4", "数据27.5" });
list.add(new String[] { "46", "数据28.2", "数据28.3", "数据28.4", "数据28.5" });
list.add(new String[] { "47", "数据29.2", "数据29.3", "数据29.4", "数据29.5" });
}

}

package cn.title.list;

import java.util.List;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

/**
* 标题ListView     TListView
* @author
*
*/
public class TListView extends LinearLayout {

private static LayoutParams FILL_FILL_LAYOUTPARAMS = new LayoutParams(LayoutParams.FILL_PARENT,
LayoutParams.FILL_PARENT, 1);
private static LayoutParams WAP_WAP_LAYOUTPARAMS = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);

private static Paint BLACK_PAINT = new Paint();
private static Paint WHITE_PAINT = new Paint();
static {
WHITE_PAINT.setColor(Color.WHITE);
BLACK_PAINT.setColor(Color.BLACK);
}

private CAdapter cAdapter;

/** 标题空间. */
private LinearLayout titleLayout;
private String[] title;

private ListView listView;
/** 数据. */
private List<String[]> data;

/** 列宽数据. */
private int[] itemWidth;

/** 当前选中行. */
private int selectedPosition = -1;
/** 自动列宽列. */
private int autoWidthIndex = -1;

private AdapterView.OnItemClickListener onItemClickListener;

/** 行背景颜色. */
private int[] rowsBackgroundColor;
/** 选中行背景颜色. */
private int selectedBackgroundColor = Color.argb(200, 224, 243, 250);
/** 标题背景颜色. */
private int titleBackgroundColor;
/** 标题字体颜色. */
private int titleTextColor = Color.argb(255, 100, 100, 100);
/** 内容字体颜色. */
private int contentTextColor = Color.argb(255, 100, 100, 100);
/** 标题字体大小. */
private float titleTextSize = 0;
/** 内容字体大小. */
private float contentTextSize = 0;

/**
* 初始化带标题ListView
*
* @param context
*            父级上下文
* @param title
*            标题数组
* @param data
*            内容列表
*/
public TListView(Context context, String[] title, List<String[]> data) {
super(context);

this.title = title;
this.data = data;

// 设定纵向布局
setOrientation(VERTICAL);
// 设定背景为白色
setBackgroundColor(Color.WHITE);

// 预先设定好每列的宽
this.itemWidth = new int[title.length];
autoWidthIndex = this.itemWidth.length - 1;
// 计算列宽
calcColumnWidth();

// 添加title位置
titleLayout = new LinearLayout(getContext());
titleLayout.setBackgroundColor(Color.parseColor("#CCCCCC"));
addView(titleLayout);
// 绘制标题面板
drawTitleLayout();

// 添加listview
listView = new ListView(getContext());
listView.setPadding(0, 2, 0, 0);
cAdapter = new CAdapter();
listView.setAdapter(cAdapter);
listView.setCacheColorHint(0);
listView.setLayoutParams(FILL_FILL_LAYOUTPARAMS);
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
if (onItemClickListener != null)
onItemClickListener.onItemClick(parent, view, position, id);
setSelectedPosition(position);
selectedPosition = position;
cAdapter.notifyDataSetChanged();
}
});
addView(listView);
}

/**
* 整体有改变时，刷新显示
*/
public void definedSetChanged() {
calcColumnWidth();
drawTitleLayout();
cAdapter.notifyDataSetChanged();
}

/**
* 设置选中时的监听器
*
* @param onItemClickListener
*/
public void setOnItemClickListener(AdapterView.OnItemClickListener onItemClickListener) {
this.onItemClickListener = onItemClickListener;
}

/**
* 设置行背景颜色, 多个颜色可以作为间隔色
*
* @param color
*            行背景颜色，可以为多个
*/
public void setItemBackgroundColor(int... color) {
rowsBackgroundColor = color;
}

/**
* 数据总数
*/
public int getCount() {
if (data == null)
return 0;
return data.size();
}

/**
* 当前选中数据
*
* @param position
* @return
*/
public String[] getItem(int position) {
if (data == null)
return null;
return data.get(position);
}

/**
* 设置当前选中位置
*
* @return
*/
public void setSelectedPosition(int selectedPosition) {
this.selectedPosition = selectedPosition;
}

/**
* 当前选中位置
*
* @return
*/
public int getSelectedPosition() {
return selectedPosition;
}

/**
* 设置被选中时的背景色
*
* @param color
*/
public void setSelectedBackgroundColor(int color) {
selectedBackgroundColor = color;
}

/**
* 设置标题背景色.
* @param color
*/
public void setTitleBackgroundColor(int color) {
titleBackgroundColor = color;
titleLayout.setBackgroundColor(titleBackgroundColor);
}

/**
* 设置标题文字颜色
*
* @param color
*/
public void setTitleTextColor(int color) {
titleTextColor = color;
for (int i = 0; i < titleLayout.getChildCount(); i++) {
((TextView) titleLayout.getChildAt(i)).setTextColor(titleTextColor);
}
}

/**
* 设置内容文字颜色
*
* @param color
*/
public void setContentTextColor(int color) {
contentTextColor = color;
}

/**
* 设置标题字体大小
*
* @param szie
*/
public void setTitleTextSize(float szie) {
titleTextSize = szie;
}

/**
* 设置内容字体大小
*
* @param szie
*/
public void setContentTextSize(float szie) {
contentTextSize = szie;
}

/**
*
* 设定哪列自动列宽 从0开始计算
*
* @param index
*/
public void setAutoColumnWidth(int index) {
autoWidthIndex = index;
for (int i = 0; i < titleLayout.getChildCount(); i++) {
TextView tv = ((TextView) titleLayout.getChildAt(i));
if (i == autoWidthIndex)
tv.setLayoutParams(FILL_FILL_LAYOUTPARAMS);
else {
tv.setLayoutParams(WAP_WAP_LAYOUTPARAMS);
tv.setWidth(itemWidth[i]);
}
}
}

/**
* 绘制标题
*/
private void drawTitleLayout() {
titleLayout.removeAllViews();
for (int i = 0; i < title.length; i++) {
TextView tv = new CTextView(titleLayout.getContext());
tv.setTextColor(titleTextColor);
tv.setGravity(Gravity.CENTER);
tv.setText(title[i]);
if (titleTextSize > 0) {
tv.setTextSize(titleTextSize);
}
tv.setPadding(5, 0, 5, 0);
if (i == autoWidthIndex)
tv.setLayoutParams(TListView.FILL_FILL_LAYOUTPARAMS);
else {
tv.setWidth(itemWidth[i]);
}
titleLayout.addView(tv);
}
}

/**
* 计算列宽
*
* @return 是否有改动
*/
private boolean calcColumnWidth() {
boolean result = false;

float textSize = new TextView(getContext()).getTextSize();

// 计算标题列宽
for (int i = 0; i < itemWidth.length; i++) {
int w = (int) TListView.GetPixelByText((titleTextSize > 0) ? titleTextSize : textSize, title[i]);
if (itemWidth[i] < w) {
itemWidth[i] = w;
result = true;
}
}

// 计算内容列宽
if (contentTextSize > 0) {
textSize = contentTextSize;
}
for (int i = 0; i < data.size(); i++) {
for (int j = 0; j < itemWidth.length && j < data.get(i).length; j++) {
int w = (int) TListView.GetPixelByText(textSize, data.get(i)[j]);
if (itemWidth[j] < w) {
itemWidth[j] = w;
result = true;
}
}
}
return result;
}

/**
* 计算字符串所占像素
*
* @param textSize
*            字体大小
* @param text
*            字符串
* @return 字符串所占像素
*/
private static int GetPixelByText(float textSize, String text) {
Paint mTextPaint = new Paint();
mTextPaint.setTextSize(textSize); // 指定字体大小
mTextPaint.setFakeBoldText(true); // 粗体
mTextPaint.setAntiAlias(true); // 非锯齿效果

return (int) (mTextPaint.measureText(text) + textSize);
}

/**
* 主要用的Adapter
*
* @author Cdisk
*
*/
class CAdapter extends BaseAdapter {

/*
* (non-Javadoc)
*
* @see android.widget.Adapter#getCount()
*/

public int getCount() {
if (data == null)
return 0;
return data.size();
}

/*
* (non-Javadoc)
*
* @see android.widget.Adapter#getItem(int)
*/

public Object getItem(int position) {
if (data == null)
return null;
return data.get(position);
}

/*
* (non-Javadoc)
*
* @see android.widget.Adapter#getItemId(int)
*/

public long getItemId(int position) {
return 0;
}

/*
* (non-Javadoc)
*
* @see android.widget.Adapter#getView(int, android.view.View, android.view.ViewGroup)
*/

public View getView(int position, View convertView, ViewGroup parent) {

// 初始化主layout
LinearLayout contextLayout = new LinearLayout(TListView.this.getContext());

String[] dataItem = data.get(position);

if (getSelectedPosition() == position) { // 为当前选中行
contextLayout.setBackgroundColor(selectedBackgroundColor);
} else if (rowsBackgroundColor != null && rowsBackgroundColor.length > 0) {
contextLayout.setBackgroundColor(rowsBackgroundColor[position % rowsBackgroundColor.length]);
}

for (int i = 0; i < title.length; i++) {
TextView tv = new CTextView(contextLayout.getContext());
tv.setTextColor(contentTextColor);
tv.setGravity(Gravity.CENTER);
if (i < dataItem.length) {
tv.setText(dataItem[i]);
}
if (i == autoWidthIndex)
tv.setLayoutParams(TListView.FILL_FILL_LAYOUTPARAMS);
else {
tv.setWidth(itemWidth[i]);
}
if (contentTextSize > 0) {
tv.setTextSize(contentTextSize);
}
contextLayout.addView(tv);
}

return contextLayout;
}

}

/**
* 重写的TextView
*
* @author Cdisk
*/
class CTextView extends TextView {

protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// Top
canvas.drawLine(0, 0, this.getWidth() - 1, 0, WHITE_PAINT);
// Left
canvas.drawLine(0, 0, 0, this.getHeight() - 1, WHITE_PAINT);
// Right
canvas.drawLine(this.getWidth() - 1, 0, this.getWidth() - 1, this.getHeight() - 1, BLACK_PAINT);
// Buttom
canvas.drawLine(0, this.getHeight() - 1, this.getWidth() - 1, this.getHeight() - 1, BLACK_PAINT);
}

public CTextView(Context context) {
super(context);
}
}

}

main.xml 布局文件

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

<!--
<HorizontalScrollView android:id="@+id/HorizontalScrollView01" android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1" android:fillViewport="true">
<LinearLayout android:id="@+id/LinearLayout01" android:layout_height="fill_parent" android:layout_width="fill_parent"><ListView android:id="@+id/listView" android:layout_width="fill_parent" android:layout_height="fill_parent">
</ListView></LinearLayout>
</HorizontalScrollView>

-->

<ListView
android:id="@+id/listView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1" >
</ListView>

<Button
android:id="@+id/btnImport"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0"
android:text="导入" >
</Button>

</LinearLayout>

　　

源码下载：

点击下载