Android listView 绘制表格实例详解

Android  listView 绘制表格

效果图：

二，创建步骤：

1，创建布局：

activity_main中的布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:orientation="vertical"
  android:layout_margin="3dip"
  android:layout_width="match_parent"
  android:layout_height="match_parent" > 

   <View
    android:layout_width="match_parent"
    android:layout_height="1dip"
    android:background="#A7A5A5"/>
  <!--调用外部控件的布局list_item布局。--!>
  <include
    layout="@layout/list_item"
    android:id="@+id/table_title"/> 

  <View
    android:layout_width="match_parent"
    android:layout_height="1.5dip"
    android:background="#686867"/> 

  <ListView
    android:id="@+id/list"
    android:divider="#B4B3B3"
    android:dividerHeight="1.0dip"
    android:scrollbars="none"
    android:background="@drawable/listview_bg"
    android:cacheColorHint="@android:color/transparent"
    android:fadingEdge="none"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >
  </ListView> 

</LinearLayout>

2，创建list_item布局：

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

  <TextView
    android:id="@+id/text_id"
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:gravity="center"
    android:paddingBottom="10dip"
    android:paddingTop="10dip"
    android:textColor="#000000"
    android:textSize="15sp"
    android:singleLine="true"
    android:text="序号" /> 

  <View
    android:layout_width="1.5dip"
    android:layout_height="fill_parent"
    android:background="#B4B3B3"/> 

  <TextView
    android:id="@+id/text_goods_name"
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight="3"
    android:paddingBottom="10dip"
    android:paddingTop="10dip"
    android:textColor="#000000"
    android:textSize="15sp"
    android:singleLine="true"
    android:gravity="center"
    android:text="商品名称" /> 

   <View
    android:layout_width="1.5dip"
    android:layout_height="fill_parent"
    android:background="#B4B3B3"/> 

   <TextView
    android:id="@+id/text_codeBar"
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight="2"
    android:paddingBottom="10dip"
    android:textColor="#000000"
    android:paddingTop="10dip"
    android:singleLine="true"
    android:textSize="15sp"
    android:gravity="center"
    android:text="条形码" /> 

   <View
    android:layout_width="1.5dip"
    android:layout_height="fill_parent"
    android:background="#B4B3B3"/> 

   <TextView
    android:id="@+id/text_num"
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:paddingBottom="10dip"
    android:paddingTop="10dip"
    android:textColor="#000000"
    android:singleLine="true"
    android:textSize="15sp"
    android:gravity="center"
    android:text="数量" /> 

   <View
    android:layout_width="1.5dip"
    android:layout_height="fill_parent"
    android:background="#B4B3B3"/> 

   <TextView
    android:id="@+id/text_curPrice"
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight="1.5"
    android:paddingBottom="10dip"
    android:textColor="#000000"
    android:textSize="15sp"
    android:singleLine="true"
    android:paddingTop="10dip"
    android:gravity="center"
    android:text="现价" /> 

   <View
    android:layout_width="1.5dip"
    android:layout_height="fill_parent"
    android:background="#B4B3B3"/> 

   <TextView
    android:id="@+id/text_money"
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight="1.5"
    android:paddingBottom="10dip"
    android:singleLine="true"
    android:textSize="15sp"
    android:textColor="#000000"
    android:paddingTop="10dip"
    android:gravity="center"
    android:text="金额" /> 

</LinearLayout>

3，适配器中内容：

TableAdapter:

package com.example.listviewtable; 

import java.util.List; 

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView; 

public class TableAdapter extends BaseAdapter { 

  private List<Goods> list;
  private LayoutInflater inflater; 

  public TableAdapter(Context context, List<Goods> list){
    this.list = list;
    inflater = LayoutInflater.from(context);
  } 

  @Override
  public int getCount() {
    int ret = 0;
    if(list!=null){
      ret = list.size();
    }
    return ret;
  } 

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

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

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

    Goods goods = (Goods) this.getItem(position); 

    ViewHolder viewHolder; 

    if(convertView == null){ 

      viewHolder = new ViewHolder(); 

      convertView = inflater.inflate(R.layout.list_item, null);
      viewHolder.goodId = (TextView) convertView.findViewById(R.id.text_id);
      viewHolder.goodName = (TextView) convertView.findViewById(R.id.text_goods_name);
      viewHolder.goodCodeBar = (TextView) convertView.findViewById(R.id.text_codeBar);
      viewHolder.goodNum = (TextView) convertView.findViewById(R.id.text_num);
      viewHolder.goodCurrPrice = (TextView) convertView.findViewById(R.id.text_curPrice);
      viewHolder.goodMoney = (TextView) convertView.findViewById(R.id.text_money); 

      convertView.setTag(viewHolder);
    }else{
      viewHolder = (ViewHolder) convertView.getTag();
    } 

    viewHolder.goodId.setText(goods.getId());
    viewHolder.goodId.setTextSize(13);
    viewHolder.goodName.setText(goods.getGoodsName());
    viewHolder.goodName.setTextSize(13);
    viewHolder.goodCodeBar.setText(goods.getCodeBar());
    viewHolder.goodCodeBar.setTextSize(13);
    viewHolder.goodNum.setText(goods.getNum()+"");
    viewHolder.goodNum.setTextSize(13);
    viewHolder.goodCurrPrice.setText(goods.getCurPrice()+"");
    viewHolder.goodCurrPrice.setTextSize(13);
    viewHolder.goodMoney.setText(goods.getMoney()+"");
    viewHolder.goodMoney.setTextSize(13); 

    return convertView;
  } 

  public static class ViewHolder{
    public TextView goodId;
    public TextView goodName;
    public TextView goodCodeBar;
    public TextView goodNum;
    public TextView goodCurrPrice;
    public TextView goodMoney;
  } 

}

4，Activity中内容：

package com.example.listviewtable; 

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

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.ViewGroup;
import android.widget.ListView; 

public class ListTableActivity extends Activity { 

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main); 

    //设置表格标题的背景颜色
    ViewGroup tableTitle = (ViewGroup) findViewById(R.id.table_title);
    tableTitle.setBackgroundColor(Color.rgb(177, 173, 172)); 

    List<Goods> list = new ArrayList<Goods>();
    list.add(new Goods("01", "伊利婴儿加盖奶粉110ml", "982323423232",34,23,23));
    list.add(new Goods("02", "鱼翅", "31312323223",34,23,23));
    list.add(new Goods("03", "农夫山泉", "12",34,23,23));
    list.add(new Goods("04", "飞天茅台0", "12333435445",34,23,23));
    list.add(new Goods("05", "农家小菜", "34523",34,23,23));
    list.add(new Goods("06", "飞天消费菜", "345456",34,23,23));
    list.add(new Goods("07", "旺仔小牛奶", "2344",34,23,23));
    list.add(new Goods("08", "旺旺", "23445",34,23,23));
    list.add(new Goods("09", "达利园超时牛奶", "3234345",34,23,23)); 

    ListView tableListView = (ListView) findViewById(R.id.list); 

    TableAdapter adapter = new TableAdapter(this, list); 

    tableListView.setAdapter(adapter);
  } 

}

5，实体类：

商品信息内容：

package com.example.listviewtable; 

public class Goods {
  private String id;
  private String goodsName;
  private String codeBar;
  private float num;
  private float curPrice;
  private float money; 

  public Goods() {
    super();
  } 

  public Goods(String id, String goodsName, String codeBar, float num,
      float curPrice, float money) {
    super();
    this.id = id;
    this.goodsName = goodsName;
    this.codeBar = codeBar;
    this.num = num;
    this.curPrice = curPrice;
    this.money = money;
  } 

  public String getId() {
    return id;
  } 

  public void setId(String id) {
    this.id = id;
  } 

  public String getGoodsName() {
    return goodsName;
  } 

  public void setGoodsName(String goodsName) {
    this.goodsName = goodsName;
  } 

  public String getCodeBar() {
    return codeBar;
  } 

  public void setCodeBar(String codeBar) {
    this.codeBar = codeBar;
  } 

  public float getNum() {
    return num;
  } 

  public void setNum(float num) {
    this.num = num;
  } 

  public float getCurPrice() {
    return curPrice;
  } 

  public void setCurPrice(float curPrice) {
    this.curPrice = curPrice;
  } 

  public float getMoney() {
    return money;
  } 

  public void setMoney(float money) {
    this.money = money;
  } 

}

DEMO地址：http://xiazai.jb51.net/201701/yuanma/ListViewTable-master(jb51.net).rar

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！