ListView
就是用来显示一行一行的条目的
MVC结构
* M：model模型层，要显示的数据 ————people集合
* V：view视图层，用户看到的界面 ————ListView
* c：control控制层，操作数据如何显示 ————adapter对象
每一个条目都是一个View对象
BaseAdapter
* 必须实现的两个方法
* 第一个
//系统调用此方法，用来获知模型层有多少条数据
@Override
public int getCount() {
return people.size();
}
* 第二个
//系统调用此方法，获取要显示至ListView的View对象
//position:是return的View对象所对应的数据在集合中的位置
@Override
public View getView(int position, View convertView, ViewGroup parent) {
System.out.println("getView方法调用" + position);
TextView tv = new TextView(MainActivity.this);
//拿到集合中的元素
Person p = people.get(position);
tv.setText(p.toString());
//把TextView的对象返回出去，它会变成ListView的条目
return tv;
}
屏幕上能显示多少个条目，getView方法就会被调用多少次，屏幕向下滑动时，getView会继续被调用，创建更多的View对象显示至屏幕
条目的缓存
当条目划出屏幕时，系统会把该条目缓存至内存，当该条目再次进入屏幕，系统在重新调用getView时会把缓存的条目作为convertView参数传入，但是传入的条目不一定是之前被缓存的该条目，即系统有可能在调用getView方法获取第一个条目时，传入任意一个条目的缓存
代码如下：
activity_main.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.list.MainActivity" > <ListView android:id="@+id/lv" android:layout_width="fill_parent" android:layout_height="fill_parent" ></ListView> </LinearLayout>
item.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" > <ImageView android:id="@+id/iv" android:src="@drawable/xing" android:layout_width="80dp" android:layout_height="80dp" /> <TextView android:id="@+id/t1" android:layout_width="match_parent" android:layout_height="wrap_content" /> <TextView android:id="@+id/t2" android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout>
MainActivity.java
public class MainActivity extends Activity { List<shopInfo> l; ListView lv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lv = (ListView) findViewById(R.id.lv); //准备集合数据 l = new ArrayList<shopInfo>(); l.add(new shopInfo(R.drawable.xing, "name-1", "content-1")); l.add(new shopInfo(R.drawable.xing, "name-2", "content-2")); l.add(new shopInfo(R.drawable.xing, "name-3", "content-3")); l.add(new shopInfo(R.drawable.xing, "name-4", "content-4")); l.add(new shopInfo(R.drawable.xing, "name-5", "content-5")); l.add(new shopInfo(R.drawable.xing, "name-6", "content-6")); l.add(new shopInfo(R.drawable.xing, "name-7", "content-7")); l.add(new shopInfo(R.drawable.xing, "name-8", "content-8")); //准备BaseAdapter对象 MyAdapter a = new MyAdapter(); //设置Adapter显示数据 lv.setAdapter(a); } //这个类可以写在里面，也可以写在外面 public class MyAdapter extends BaseAdapter { @Override public int getCount() { // TODO Auto-generated method stub return l.size(); } @Override public Object getItem(int arg0) { // TODO Auto-generated method stub return null; } @Override public long getItemId(int arg0) { // TODO Auto-generated method stub return 0; }
//第一种：没有任何处理，不建议这样写。如果数据量少看将就，但是如果列表项数据量很大的时候，会每次都重新创建View，设置资源，严重影响性能，所以从一开始就不要用这种方式 @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub // 加载item的布局 View view = View.inflate(MainActivity.this, R.layout.item, null); shopInfo s = l.get(position); ImageView i = (ImageView) view.findViewById(R.id.iv); TextView t1 = (TextView) view.findViewById(R.id.t1); TextView t2 = (TextView) view.findViewById(R.id.t2); i.setImageResource(s.getIcon()); t1.setText(s.getName()); t2.setText(s.getContent()); convertView = view ; return convertView; } } }
shopInfo.java
//每行item的数据信息封装类 public class shopInfo { private int icon; private String name; private String content; public int getIcon() { return icon; } public void setIcon(int icon) { this.icon = icon; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getContent() { return content; } public void setContent(String content) { this.content = content; } public shopInfo(int icon, String name, String content) { super(); this.icon = icon; this.name = name; this.content = content; } @Override public String toString() { return "shopInfo [icon=" + icon + ", name=" + name + ", content=" + content + "]"; } public shopInfo() { super(); // TODO Auto-generated constructor stub } }
运行结果如下：
接下来实现getView()的方法和上边的实现一样的功能。
第二种ListView优化：通过缓存convertView,这种利用缓存contentView的方式可以判断如果缓存中不存在View才创建View，如果已经存在可以利用缓存中的View，提升了性能
public View getView(int position, View convertView, ViewGroup parent) { if(convertView == null) { convertView = mInflater.inflate(R.layout.list_item, null); } ImageView img = (ImageView)convertView.findViewById(R.id.iv) ; TextView title = (TextView)convertView.findViewById(R.id.t1); TextView info = (TextView)ConvertView.findViewById(R.id.t2); img.setImageResource(R.drawable.xing); title.setText("Hello"); info.setText("world"); return convertView; }
第三种ListView优化：通过convertView+ViewHolder来实现，ViewHolder就是一个静态类，使用 ViewHolder 的关键好处是缓存了显示数据的视图（View），加快了 UI 的响应速度。
当我们判断 convertView == null 的时候，如果为空，就会根据设计好的List的Item布局（XML），来为convertView赋值，并生成一个viewHolder来绑定converView里面的各个View控件（XML布局里面的那些控件）。再用convertView的setTag将viewHolder设置到Tag中，以便系统第二次绘制ListView时从Tag中取出。（看下面代码中）
如果convertView不为空的时候，就会直接用convertView的getTag()，来获得一个ViewHolder。
public View getView(int position, View convertView, ViewGroup parent) { // LayoutInflater mInflater = null; ViewHolder holder = null; shopInfo s = l.get(position); if (convertView == null) { holder = new ViewHolder(); // convertView = LinearLayout.inflate(MainActivity.this, // R.layout.item, null); convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item, null); /* 得到各个控件的对象 */ holder.iv = (ImageView) convertView.findViewById(R.id.iv); holder.t1 = (TextView) convertView.findViewById(R.id.t1); holder.t2 = (TextView) convertView.findViewById(R.id.t2); // to // ItemButton convertView.setTag(holder); // 绑定ViewHolder对象 } else { holder = (ViewHolder) convertView.getTag(); // 取出ViewHolder对象 } /* 设置TextView显示的内容，即我们存放在动态数组中的数据 */ holder.iv.setImageResource(s.getIcon()); holder.t1.setText(s.getName()); holder.t2.setText(s.getContent()); return convertView; } /* 存放控件 的ViewHolder */ public final class ViewHolder { public ImageView iv; public TextView t1; public TextView t2; }
在上述的代码中方法getView(int position, View convertView, ViewGroup parent)的方法体中，holder这个变量其实就是一个每一个item的View的结构。
这个holder结构存储了item对应布局里面的一些组件，而convertView.setTag(holder)，就是把convertView中的Tag关联到holder这个结构中。
而convertView.getTag()，就是把convertView中的Tag取出来。
最后的holder.textView.setText(mData.get(position));就是把holder中的对应的组件初始化或者重定义（改变一些值），然后就可以显示出不同的内容了。
如果要实现单双行颜色交替
MainActivity.java：
加下边三个语句就可以了。
public class MainActivity extends Activity { List<shopInfo> l; ListView lv; private int[] colors = new int[] { 0xff3cb371, 0xffa0a0a0 }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lv = (ListView) findViewById(R.id.lv); // 准备集合数据 l = new ArrayList<shopInfo>(); l.add(new shopInfo(R.drawable.xing, "name-1", "content-1")); l.add(new shopInfo(R.drawable.xing, "name-2", "content-2")); l.add(new shopInfo(R.drawable.xing, "name-3", "content-3")); l.add(new shopInfo(R.drawable.xing, "name-4", "content-4")); l.add(new shopInfo(R.drawable.xing, "name-5", "content-5")); l.add(new shopInfo(R.drawable.xing, "name-6", "content-6")); l.add(new shopInfo(R.drawable.xing, "name-7", "content-7")); l.add(new shopInfo(R.drawable.xing, "name-8", "content-8")); // 准备BaseAdapter对象 MyAdapter a = new MyAdapter(); // 设置Adapter显示数据 lv.setAdapter(a); } // 这个类可以写在里面，也可以写在外面 public class MyAdapter extends BaseAdapter { @Override public int getCount() { // TODO Auto-generated method stub return l.size(); } @Override public Object getItem(int arg0) { // TODO Auto-generated method stub return null; } @Override public long getItemId(int arg0) { // TODO Auto-generated method stub return arg0; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub // 加载item的布局 // View view = View.inflate(MainActivity.this, R.layout.item, null); // // shopInfo s = l.get(position); // ImageView i = (ImageView) view.findViewById(R.id.iv); // TextView t1 = (TextView) view.findViewById(R.id.t1); // TextView t2 = (TextView) view.findViewById(R.id.t2); // // i.setImageResource(s.getIcon()); // t1.setText(s.getName()); // t2.setText(s.getContent()); // convertView = view ; // return convertView; // LayoutInflater mInflater = null; // if(position%2==0){ // lv.setBackgroundColor(Color.argb(250 , 255 , 255 , 255 )); // }else{ // lv.setBackgroundColor(Color.argb(250 , 224 , 243 , 250 )); // } ViewHolder holder = null; shopInfo s = l.get(position); if (convertView == null) { holder = new ViewHolder(); // convertView = LinearLayout.inflate(MainActivity.this, // R.layout.item, null); convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item, null); /* 得到各个控件的对象 */ holder.iv = (ImageView) convertView.findViewById(R.id.iv); holder.t1 = (TextView) convertView.findViewById(R.id.t1); holder.t2 = (TextView) convertView.findViewById(R.id.t2); // to // ItemButton convertView.setTag(holder); // 绑定ViewHolder对象 } else { holder = (ViewHolder) convertView.getTag(); // 取出ViewHolder对象 } /* 设置TextView显示的内容，即我们存放在动态数组中的数据 */ holder.iv.setImageResource(s.getIcon()); holder.t1.setText(s.getName()); holder.t2.setText(s.getContent()); int colorPos = position % colors.length; convertView.setBackgroundColor(colors[colorPos]); return convertView; } /* 存放控件 的ViewHolder */ public final class ViewHolder { public ImageView iv; public TextView t1; public TextView t2; } } }
效果如图：
