Android 杂谈---ListView 之BaseAdapter

前言

几种适配器里面相对来说比较简单的一种适配器,在使用时需要实现几个方法,并且也需要对convertView进行优化

此篇文章以使用listView与BaseAdapter来实现表格样式的布局举例(表格布局的实现也可以使用grideView).

效果图如下

大致思路

1.在主布局中添加表格头标题和listView

2.在子条目中添加多个水平的textView来进行列的显示,使用view来进行竖线的绘制

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.jing.www.tabledemo.MainActivity">
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        >
        <TextView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="20dp"
            android:text="基金代码"
            android:gravity="center"/>
        <TextView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="20dp"
            android:text="基金名称"
            android:gravity="center"/>
        <TextView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="20dp"
            android:text="单位净值"
            android:gravity="center"/>
        <TextView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="20dp"
            android:text="累计净值"
            android:gravity="center"/>
        <TextView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="20dp"
            android:text="基金类型"
            android:gravity="center"
            />

    </LinearLayout>

<ListView
    android:id="@+id/lv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
</ListView>

</LinearLayout>

主界面布局

 public class MainActivity extends AppCompatActivity {

     private ListView lv;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         lv = (ListView)findViewById(R.id.lv);
 /*--------------context,data,条目布局,null,null-------------*/

         lv.setAdapter(new MyAdapter(this));
     }

 }

主界面代码

 package com.jing.www.tabledemo;

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

 /**
  * Created by Administrator on 2017/6/7.
  */

 public class MyAdapter extends BaseAdapter {
     private  Context context;
     private final LayoutInflater mInflater;

     public MyAdapter(Context context) {
         this.context=context;
         mInflater = LayoutInflater.from(context);

     }

     /*--------------列表的总条目数-------------*/
     @Override
     public int getCount() {
         return 20;
     }

     /*--------------获取数据集中与列表对应的数据项-------------*/
     @Override
     public Object getItem(int position) {

         return position;
     }

     /*--------------获取列表的position-------------*/
     @Override
     public long getItemId(int position) {
         return position;
     }

     /*--------------获取列表的view-------------*/
     @Override
     public View getView(int position, View convertView, ViewGroup parent) {
         ViewHolder holder = null;
         //如果缓存convertView为空，则需要创建View
         if(convertView == null)
         {
             holder = new ViewHolder();
             //根据自定义的Item布局加载布局
           convertView =mInflater.inflate(R.layout.list_item, null);
             holder.tv1 = (TextView) convertView.findViewById(R.id.clumn1);
             holder.tv2 = (TextView)  convertView.findViewById(R.id.clumn2);
             holder.tv3=(TextView) convertView.findViewById(R.id.clumn3);
             holder.tv4 = (TextView)  convertView.findViewById(R.id.clumn4);
             holder.tv5 = (TextView)  convertView.findViewById(R.id.clumn5);

             //将设置好的布局保存到缓存中，并将其设置在Tag里，以便后面方便取出Tag
             convertView.setTag(holder);
         }else
         {
             holder = (ViewHolder)convertView.getTag();
         }
           holder.tv1.setText("你好");
         return convertView;
     }

     class ViewHolder {
 public TextView tv1;
 public TextView tv2;
 public TextView tv3;
 public TextView tv4;
 public TextView tv5;

     }
 }

适配器代码

 <?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="horizontal"
   >
     <TextView
         android:id="@+id/clumn1"
         android:layout_width="0dp"
         android:layout_weight="1"
         android:layout_height="match_parent"
         android:text="10001"
         android:gravity="center"/>
     <View
         android:layout_width="0.5px"
         android:layout_height="fill_parent"
         android:background="#B8B8B8"
         android:visibility="visible" />
     <TextView
         android:id="@+id/clumn2"
         android:layout_width="0dp"
         android:layout_weight="1"
         android:layout_height="match_parent"
         android:text="易记天天理财A"
         android:gravity="center"/>
     <View
         android:layout_width="0.5px"
         android:layout_height="fill_parent"
         android:background="#B8B8B8"
         android:visibility="visible" />

     <TextView
         android:id="@+id/clumn3"
         android:layout_width="0dp"
         android:layout_weight="1"
         android:layout_height="match_parent"
         android:text="1"
         android:gravity="center"/>
     <View
         android:layout_width="0.5px"
         android:layout_height="fill_parent"
         android:background="#B8B8B8"
         android:visibility="visible" />

     <TextView
         android:id="@+id/clumn4"
         android:layout_width="0dp"
         android:layout_height="match_parent"
         android:layout_weight="1"
         android:text="101"
         android:gravity="center"/>
     <View
         android:layout_width="0.5px"
         android:layout_height="fill_parent"
         android:background="#B8B8B8"
         android:visibility="visible" />

     <TextView
         android:id="@+id/clumn5"
         android:layout_width="0dp"
         android:layout_weight="1"
         android:layout_height="match_parent"
         android:text="股票型"
         android:gravity="center"/>

 </LinearLayout>

子条目布局

 3.功能扩展,在原有基础上实现表格各行颜色的渲染(颜色的交互)

首先要知道listview的工作原理，每次得到一个item，listview都会通过getview来绘制一个item，在getview方法中，可以设置这个item的各种属性，如颜色，布局等等。

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

 //第一个参数position为listview的item序号，每个item的序号都是不同的。

 //第二个参数convertView为View的缓存，当listview的item过多时，拖动会遮住一部分item，被遮住的item的view就是convertView保存着。

 // 第三个参数parent表示是一个ViewGroup（view组）

 }

效果图(瞬间感觉穿上了衣服)

只需要修改getView即可

     /*--------------获取列表的view-------------*/
     @Override
     public View getView(int position, View convertView, ViewGroup parent) {
         ViewHolder holder = null;
         //如果缓存convertView为空，则需要创建View
         if(convertView == null)
         {
             holder = new ViewHolder();
             //根据自定义的Item布局加载布局
           convertView =mInflater.inflate(R.layout.list_item, null);
             holder.tv1 = (TextView) convertView.findViewById(R.id.clumn1);
             holder.tv2 = (TextView)  convertView.findViewById(R.id.clumn2);
             holder.tv3=(TextView) convertView.findViewById(R.id.clumn3);
             holder.tv4 = (TextView)  convertView.findViewById(R.id.clumn4);
             holder.tv5 = (TextView)  convertView.findViewById(R.id.clumn5);

             //将设置好的布局保存到缓存中，并将其设置在Tag里，以便后面方便取出Tag
             convertView.setTag(holder);
         }else
         {
             holder = (ViewHolder)convertView.getTag();
         }
           holder.tv1.setText("你好");
         int[] colors = { Color.WHITE, Color.rgb(219, 238, 244) };//RGB颜色

         convertView.setBackgroundColor(colors[position % 2]);// 每隔item之间颜色不同
         return convertView;
     }

博客:listView的优化