深入浅出ListView

1 简单使用ListView:

在布局文件中添加ListView控件
通过适配器将数据传递给ListView:

private String[] data={"zhangsan","lisi","wangwu","dengdeng"};
ArrayAdapter adapter=new ArrayAdapter (MainActivity.this,
               android.R.layout.simple_list_item_1, data);
ListView listView=(ListView)findViewById(R.id.list_view);
listView.setAdapter(adapter);

其中android.R.layout.simple_list_item_1是为ListView指定的子项布局的id

2 定制ListView界面

通俗的说:将两种原料(容器中装的数据集和ListView的子项的布局文件)在加工器(适配器Adapter)的加工下一一匹配(布局文件中控件要显示的内容和数据集中的各个数据项一一对应)。

本例中是将水果和对应的名称作为数据显示在ListView中

2.1 数据集

自定义一个类,将要显示的数据作为对象属性封装在类中

public class Fruit {
   private String name;
   private int imageId;
   public Fruit(String name, int imageId) {
       this.name = name;
       this.imageId = imageId;
   }
   public String getName() {
       return name;
   }
   public int getimageId() {
       return imageId;
   }
}

2.2 子项布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="horizontal"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
   <ImageView
   android:id="@+id/fruit_image"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content" />
   <TextView
       android:id="@+id/fruit_name"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center_vertical"
       android:layout_margin="10dp"/>
</LinearLayout>

2.3 自定义适配器

public class FruitAdapter extends ArrayAdapter<Fruit> {
 private int resourceId;
 public FruitAdapter(Context context, int resource, List<Fruit> objects) {
     super(context, resource, objects);
     resourceId=resource;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
     Fruit fruit=getItem(position);
     View view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
     ImageView fruitImage=(ImageView)view.findViewById(R.id.fruit_image);
     TextView fruitName=(TextView)view.findViewById(R.id.fruit_name);
     fruitImage.setImageResource(fruit.getimageId());
     fruitName.setText(fruit.getName());
     return view;
 }
}

2.4 为ListView设定适配器,显示数据

public class MainActivity extends AppCompatActivity {

 private List<Fruit> fruitList=new ArrayList<>();
 @Override
 protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.activity_main);
     initFruits();
     FruitAdapter adapter=new FruitAdapter(MainActivity.this,
             R.layout.fruit_item,fruitList);
     ListView listView=(ListView)findViewById(R.id.list_view);
     listView.setAdapter(adapter);
 }
 private void initFruits(){
     for(int i=0;i<4;i++) {
         Fruit apple = new Fruit("苹果", R.drawable.apple);
         fruitList.add(apple);
         Fruit caomei = new Fruit("草莓", R.drawable.caomei);
         fruitList.add(caomei);
         Fruit migua = new Fruit("蜜瓜", R.drawable.migua);
         fruitList.add(migua);
         Fruit orange = new Fruit("橘子", R.drawable.orange);
         fruitList.add(orange);
         Fruit putao = new Fruit("葡萄", R.drawable.putao);
         fruitList.add(putao);
         Fruit qiyiguo = new Fruit("奇异果", R.drawable.qiyiguo);
         fruitList.add(qiyiguo);
     }
 }
}

3 优化,提升ListView效率

  • 为避免快速滑动时重复加载布局重新加载,注意到自定义的适配器中getView()方法中有一个参数convertView,这个参数用于将之前加载好的布局进行缓存,以便之后可以进行重用,所以修改FruitAdapter中的代码如下:
@Override
   public View getView(int position, View convertView, ViewGroup parent) {
       Fruit fruit=getItem(position);
       View view;
       if(convertView==null){
           view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
       }
       else{
           view=convertView;
       }
       ImageView fruitImage=(ImageView)view.findViewById(R.id.fruit_image);
       TextView fruitName=(TextView)view.findViewById(R.id.fruit_name);
       fruitImage.setImageResource(fruit.getimageId());
       fruitName.setText(fruit.getName());
       return view;    
   }

可以看到,现在我们在getView()方法中进行了判断,如果convertView为null,则使用Layout工nflater去加载布局,如果不为null则直接对convertView进行重用。这样就大大提高了ListView的运行效率,在快速滚动的时候也可以表现出更好的性能。

  • 不过,目前我们的这份代码还是可以继续优化的,虽然现在已经不会再重复去加载布局,但是每次在getView()方法中还是会调用View的findViewById()方法来获取一次控件的实例,我们可以借助一个ViewHolder来对这部分性能进行优化,修改FruitAdapter中的代码,如下所示:
@Override
   public View getView(int position, View convertView, ViewGroup parent) {
       Fruit fruit=getItem(position);
       View view;
       ViewHolder viewHolder;
       if(convertView==null){
           view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
           viewHolder=new ViewHolder();
           viewHolder.fruitImage=(ImageView)view.findViewById(R.id.fruit_image);
           viewHolder.fruitName=(TextView)view.findViewById(R.id.fruit_name);
           view.setTag(viewHolder);//将viewHolder存储在view中
       }
       else{
           view=convertView;
           viewHolder=(ViewHolder) view.getTag();
       }
       viewHolder.fruitImage.setImageResource(fruit.getimageId());
       viewHolder.fruitName.setText(fruit.getName());
       return view;
   }
   class ViewHolder{
       ImageView fruitImage;
       TextView fruitName;
   }

我们新增了一个内部类ViewHolder,用于对控件的实例进行缓存。当convertView为null 的时候,创建一个ViewHolder对象,并将控件的实例都存放在ViewHolder里,然后调用View 的setTag()方法,将ViewHolder对象存储在View中。当convertView不为null的时候,
则调用View的getTag()方法,把ViewHolder重新取出。这样所有控件的实例都缓存在了 ViewHolder里,就没有必要每次都通过findViewBy工do方法来获取控件实例了。
通过这两步优化之后,我们ListView的运行效率就已经非常不错了。

4 ListView的点击事件

  • 为ListView设置子项监听器,修改代码如下:
public class MainActivity extends AppCompatActivity {
   private List<Fruit> fruitList=new ArrayList<>();
   @Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);
       ActionBar actionBar=getSupportActionBar();
       if(actionBar!=null){
           actionBar.hide();
       }
       initFruits();
       FruitAdapter adapter=new FruitAdapter(MainActivity.this,
               R.layout.fruit_item,fruitList);
       ListView listView=(ListView)findViewById(R.id.list_view);
       listView.setAdapter(adapter);
       listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
           @Override
           public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
               Fruit fruit=fruitList.get(position);
               Toast.makeText(MainActivity.this,fruit.getName(),Toast.LENGTH_SHORT).show();
           }
       });
   }
   private void initFruits(){
       for(int i=0;i<10;i++) {
           Fruit apple = new Fruit("苹果", R.drawable.apple);
           fruitList.add(apple);
           Fruit caomei = new Fruit("草莓", R.drawable.caomei);
           fruitList.add(caomei);
           Fruit migua = new Fruit("蜜瓜", R.drawable.migua);
           fruitList.add(migua);
           Fruit orange = new Fruit("橘子", R.drawable.orange);
           fruitList.add(orange);
           Fruit putao = new Fruit("葡萄", R.drawable.putao);
           fruitList.add(putao);
           Fruit qiyiguo = new Fruit("奇异果", R.drawable.qiyiguo);
           fruitList.add(qiyiguo);
       }
   }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,961评论 5 473
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,444评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,009评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,082评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,101评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,271评论 1 278
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,738评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,395评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,539评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,434评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,481评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,160评论 3 317
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,749评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,816评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,038评论 1 256
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,548评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,140评论 2 341

推荐阅读更多精彩内容