【实战】初识ListView及提高效率

简介：

　　ListView是手机上最常用的控件之一，几乎所有的程序都会用到，手机屏幕空间有限，当需要显示大量数据的时候，就需要借助ListView来实现，允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内，同时原有的数据将滚动出去。

一、使用准备好的data数组来显示ListView

新建项目，修改activity_main.xml中的代码，增加ListView控件，简单设置属性

 <RelativeLayout 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"

     android:paddingBottom="@dimen/activity_vertical_margin"

     android:paddingLeft="@dimen/activity_horizontal_margin"

     android:paddingRight="@dimen/activity_horizontal_margin"

     android:paddingTop="@dimen/activity_vertical_margin"

     tools:context="com.example.listviewtest.MainActivity" >

     <ListView

         android:id="@+id/list_view"

         android:layout_width="match_parent"

         android:layout_height="match_parent"

     />

 </RelativeLayout>

在主活动MainActivity.java中新建数据数组data，新建适配器，设置适配器显示

 package com.example.listviewtest;

 import android.app.Activity;

 import android.os.Bundle;

 import android.widget.ArrayAdapter;

 import android.widget.ListView;

 public class MainActivity extends Activity {

     //建立私有数组来存储要显示的数据

     private String[] data = {"Apple","Banana","Orange","Watermelon","pear","Grape","Pineapple","Strawberry","Cherry","Mango"

                             ,"Apple","Banana","Orange","Watermelon","pear","Grape","Pineapple","Strawberry","Cherry","Mango"};

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         //新建适配器来转换数据

         ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,data);

         //实例化ListView

         ListView listView = (ListView) findViewById(R.id.list_view);

         //给listView设置适配器，将ListView和数据联系起来

         listView.setAdapter(adapter);

     }

 }

二、定制ListView的界面，可以设置图片等、更加美观

新建实体类，来存放要显示的数据，这里使用的水果列表

 package com.example.listviewtest;

 //存放水果信息的类

 public class Fruit {

     private String name ;//定义私有变量存储水果名称

     private int imageId ;//定义私有变量存储水果图片ID

     //定义构造方法来初始化

     public  Fruit(String name , int imageId ) {

         // TODO Auto-generated method stub

         this.name = name;

         this.imageId = imageId;

     }

     //获取名称

     public String getName() {

         return name;

     }

     //获取图片ID

     public int getImageId()

     {

         return imageId;

     }

 }

Fruit

为ListView的子项指定一个自定义布局fruit_item.xml，ImageView显示水果图片，TextView显示水果名称

 <?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" >

     <ImageView

         android:id="@+id/fruit_image"

         android:layout_width="50sp"

         android:layout_height="50sp"/>

     <TextView

         android:id="@+id/fruit_name"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:layout_gravity="center"居中显示         android:layout_marginLeft="10dip" 距离左侧10dip   />

 </LinearLayout>

自定义适配器继承于ArrayAdapter，将泛型指定为Fruit类

 package com.example.listviewtest;

 import java.util.List;

 import android.content.Context;

 import android.view.LayoutInflater;

 import android.view.View;

 import android.view.ViewGroup;

 import android.widget.ArrayAdapter;

 import android.widget.ImageView;

 import android.widget.TextView;

 public class FruitAdapter extends ArrayAdapter<Fruit> {

     //定义地址路径    resourceId

     private int resourceId;

     //重写父类的构造方法，传入上下文，ListView子布局ID和数据传进来；

     public FruitAdapter(Context context,int textViewResource,List<Fruit> object) {

         // TODO Auto-generated constructor stub

         super(context , textViewResource , object);

         resourceId = textViewResource;

     }

     //重写getView方法，返回View

     @Override

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

         //获取当前页面的Fruit实例，根据屏幕上的菜单滚动得到

         Fruit fruit = getItem(position);

         //使用Layoutinflater为这个子项加载我们传入的布局(resourceId)，

         View view = LayoutInflater.from(getContext()).inflate(resourceId, null);

         //分别获取子布局中ImageView和TextView的实例

         ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);

         TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);

         //调用控件ImageView实例的setImageResource设置图片，TextView的setText方法设置文字；

         fruitImage.setImageResource(fruit.getImageId());

         fruitName.setText(fruit.getName());

         //返回View

         return view;

     }

 }

FruitAdapter类

重写MainActivity.java文件，

 package com.example.listviewtest;

 import java.util.ArrayList;

 import java.util.List;

 import com.example.listviewtest.Fruit;

 import android.app.Activity;

 import android.os.Bundle;

 import android.widget.ListView;

 public class MainActivity extends Activity {

     //建立一个集合来存储实体类，实际上是水果的列表

     private List<Fruit> fruitList = new ArrayList<Fruit>();

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         //实例化ListView控件为listView

         ListView listView = (ListView) findViewById(R.id.list_view);

         //利用自定义方法初始化水果数据

         initFruits();

         //实例化适配器FruitAdapter，传入上下文、子布局、水果列表

         FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);

         //为listView设置适配器，联系ListView和数据

         listView.setAdapter(adapter);

     }

     //自定义方法初始化水果数据

     private void initFruits() {

         //实例化水果对象；

         Fruit apple = new Fruit("Apple",R.drawable.apple_pic);

         //将对象传入自定义列表中

         fruitList.add(apple);

         //以下和上面是一个道理

         Fruit banana = new Fruit("Banana", R.drawable.banana_pic);

         fruitList.add(banana);

         Fruit orange = new Fruit("Orange",R.drawable.orange_pic);

         fruitList.add(orange);

         Fruit watermelon = new Fruit("Watermelon",R.drawable.watermelon_pic);

         fruitList.add(watermelon);

         Fruit pear = new Fruit("Pear",R.drawable.pear_pic);

         fruitList.add(pear);

         Fruit grape = new Fruit("Grape",R.drawable.grape_pic);

         fruitList.add(grape);

         Fruit pineapple = new Fruit("Pineapple", R.drawable.pineapple_pic);

         fruitList.add(pineapple);

         Fruit strawberry = new Fruit("Strawberry", R.drawable.strawberry_pic);

         fruitList.add(strawberry);

         Fruit cherry = new Fruit("Cherry", R.drawable.cherry_pic);

         fruitList.add(cherry);

         Fruit mango = new Fruit("Mango", R.drawable.mango_pic);

         fruitList.add(mango);

     }

 }

MainActivity.java

显示效果（右键查看图像看大图）：

三、提升ListView的运行效率，基于上面二中的例子

　　主要解决的是： 1、在getView中每次都加载布局

　　　　　　　　　　2、getView中每次都要实例化控件的实例

优化一：通过判断FruitAdapter中的getView方法中的convertView是否为空进行优化；(红色为修改部分)

 package com.example.listviewtest;

 import java.util.List;

 import android.content.Context;

 import android.view.LayoutInflater;

 import android.view.View;

 import android.view.ViewGroup;

 import android.widget.ArrayAdapter;

 import android.widget.ImageView;

 import android.widget.TextView;

 public class FruitAdapter extends ArrayAdapter<Fruit> {

     //定义地址路径    resourceId

     private int resourceId;

     //重写父类的构造方法，传入上下文，ListView子布局ID和数据传进来；

     public FruitAdapter(Context context,int textViewResource,List<Fruit> object) {

         // TODO Auto-generated constructor stub

         super(context , textViewResource , object);

         resourceId = textViewResource;

     }

     //重写getView方法，返回View

     @Override

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

         //获取当前页面的Fruit实例，根据屏幕上的菜单滚动得到

         Fruit fruit = getItem(position);

         //新建View对象

         View view ;

32

33         //判断convertView对象是否为空，如果为空就重新加载；

34         if(convertView == null)

35         {

36             //使用Layoutinflater为这个子项加载我们传入的布局(resourceId)，

37             view = LayoutInflater.from(getContext()).inflate(resourceId, null);

38         }

39         else//如果不为空，则重新调用convertView；不必重新加载

40         {

41             view = convertView;

42         }

         //分别获取子布局中ImageView和TextView的实例

         ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);

         TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);

         //调用控件ImageView实例的setImageResource设置图片，TextView的setText方法设置文字；

         fruitImage.setImageResource(fruit.getImageId());

         fruitName.setText(fruit.getName());

         //返回View

         return view;

     }

 }

优化二：借助ViewHolder来对获取控件实例进行优化，修改Fruit中的代码，(对比上面的优化一，红色为修改部分)

 package com.example.listviewtest;

 import java.util.List;

 import android.content.Context;

 import android.view.LayoutInflater;

 import android.view.View;

 import android.view.ViewGroup;

 import android.widget.ArrayAdapter;

 import android.widget.ImageView;

 import android.widget.TextView;

 public class FruitAdapter extends ArrayAdapter<Fruit> {

     //定义地址路径    resourceId

     private int resourceId;

     //重写父类的构造方法，传入上下文，ListView子布局ID和数据传进来；

     public FruitAdapter(Context context,int textViewResource,List<Fruit> object) {

         // TODO Auto-generated constructor stub

         super(context , textViewResource , object);

         resourceId = textViewResource;

     }

     //重写getView方法，返回View

     @Override

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

         //获取当前页面的Fruit实例，根据屏幕上的菜单滚动得到

         Fruit fruit = getItem(position);

         //新建View对象

         View view ;

         //声明

34         ViewHolder viewHolder;

         //判断convertView对象是否为空，如果为空就重新加载；

         if(convertView == null)

         {

             //使用Layoutinflater为这个子项加载我们传入的布局(resourceId)，

             view = LayoutInflater.from(getContext()).inflate(resourceId, null);

             //实例化一个ViewHolder

             viewHolder = new ViewHolder();

43             //将控件的实例都存在ViewHolder中

44             viewHolder.fruitImage = (ImageView) view.findViewById(R.id.fruit_image);

45             viewHolder.fruitname = (TextView) view.findViewById(R.id.fruit_name);

46             //吧ViewHolder存储在View中；

47             view.setTag(viewHolder);

         }

         else//如果不为空，则重新调用convertView；不必重新加载

         {

             view = convertView;

             //重新获取ViewHolder

             viewHolder = (ViewHolder) view.getTag();

         }

         //分别获取子布局中ImageView和TextView的实例

 //        ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);

 //        TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);

         //调用控件ImageView实例的setImageResource设置图片，TextView的setText方法设置文字；

 //        fruitImage.setImageResource(fruit.getImageId());

 //        fruitName.setText(fruit.getName());

         //在ViewHolder中完成设置

65         viewHolder.fruitImage.setImageResource(fruit.getImageId());

66         viewHolder.fruitname.setText(fruit.getName());

         //返回View

         return view;

     }

 }

 class ViewHolder {

     ImageView fruitImage;

     TextView fruitname;

 }

总结：通过上面两部的优化，已经很大程度上提高了ListView的运行效率了；

最终效果图：

追加：为ListView设置点击事件；

　　在MainActivity中加入ListView的监听事件

 listView.setOnItemClickListener(new OnItemClickListener() {

             @Override

             public void onItemClick(AdapterView<?> parent, View view,

                     int position, long id) {

                 //获取当前点击的Fruit对象

                 Fruit fruit = fruitList.get(position);

                 //利用Toast提示点击事件

                 Toast.makeText(MainActivity.this, "You Clicked The"+fruit.getName(), Toast.LENGTH_SHORT).show();

             }

         });

效果图：

【实战】初识ListView及提高效率的更多相关文章

Hadoop实战：使用Combiner提高Map/Reduce程序效率
好不easy算法搞定了.小数据測试也得到了非常好的结果,但是扔到进群上.挂上大数据就挂了.无休止的reduce不会结束了. .. .. .... .. ... .. ================= ...
Android零基础入门第37节：初识ListView
原文:Android零基础入门第37节:初识ListView 之前我们学习的一些UI组件都比较简单,但是在实际开发中,会经常遇见列表界面设计,如通讯录.电话列表.信息列表等.那么从本节开始来详细学习列 ...
Oracle多表连接,提高效率，性能优化（转）
执行路径:ORACLE的这个功能大大地提高了SQL的执行性能并节省了内存的使用:我们发现,单表数据的统计比多表统计的速度完全是两个概念.单表统计可能只要0.02秒,但是2张表联合统计就可能要几十表了. ...
提高效率的Matlab使用方式
1.花一点时间学习一些提高效率的技巧永远是值得的: 2.总结和记录永远是必要的. Command窗口: Editor窗口: 1.Tab自动补全
paip.提高效率---集合的存取括号方式 uapi java python php js 的实现比较
paip.提高效率---集合的存取括号方式 uapi java python php js 的实现比较 ##java ----------- 在JDK1.7中,摒弃了Java集合接口的实现类,如:Ar ...
paip.提高效率---微信手机app快速开发平台—微网络撬动大市场
paip.提高效率---微信手机app快速开发平台-微网络撬动大市场手机app快速开发平台尤其适合crm系统,呼叫中心等业务功能... 作者Attilax 艾龙, EMAIL:14 ...
oracle里要查看一条sql的执行情况，有没有走到索引，怎么看？索引不能提高效率？
index scan 索引扫描 full table scan是全表扫描直接explain plan for 还有个set autotrace什么索引一定能提高执行效率吗? 索引不能提高效率的情况 ...
HttpWebRequest提高效率之连接数,代理，自动跳转,gzip请求等设置问题
先设置4个: [csharp] webrequest.ServicePoint.Expect100Continue = false; //是否使用 Nagle 不使用提高效率 webrequest. ...
计算机天才Aaron Swartz 名作《如何提高效率》——纪念真正的“hacker"!
如何提高效率 <HOWTO: Be more productive>(如何提高效率)作者:Aaron Swartz 肯定有人跟你说过这样的话,“你有看电视的那么长时间,都可以用来写一本书了 ...

随机推荐

整理: Android HAL
这篇文章整理来自http://bbs.chinaunix.net/thread-3675980-1-1.html 在论坛中看到的Android HAL讨论,有个ID描述的比较清楚,摘录如下: temp ...
关于MOD
同余式:正整数a,b对p取模,它们的余数相同,(a % p)=(b % p) 记做或者a ≡ b (mod p). 运算规则模运算与基本四则运算有些相似,但是除法例外.其规则如下: ...
Battery Historian for windows环境搭建
Battery Historian for windows环境搭建简介:Battery historian是一款通过上传bugreport文件分析用户手机中App的电池耗电情况的工具. Batter ...
ant安装（linux）
1.下载下载地址:http://ant.apache.org/bindownload.cgi 下载apache-ant-1.9.7-bin.tar.gz(当前最新版本),将该下载包拷贝到/data/ ...
TJI读书笔记07-初始化
TJI读书笔记07-初始化成员初始化构造方法初始化初始化块初始化的顺序成员初始化 java尽量去保证每个变量在使用前都会得到初始化. 对于方法局部变量,java不会自动初始化他们,如果没有显 ...
android前端开发布局学习
元素背景设置 -------------------------------- Android中shape中的属性大全 http://www.oschina.net/question/166763_3 ...
Eclipse is running in a JRE, but a JDK is required 解决方法（转）
转自:http://comeonbabye.iteye.com/blog/1186239 安装Maven后每次启动出现警告信息: Eclipse is running in a JRE, but a ...
VC++ 如何在显示对话框的时候,指定焦点控件!
很简单: 在你的CAddDlg类的OnInitDialog函数中加上你上面的代码GetDlgItem(IDC_EDIT1)->SetFocus();最后记得return FALSE; 其实,不知 ...
vertical-align 属性设置元素的垂直对齐方式。
值描述 baseline 默认.元素放置在父元素的基线上. sub 垂直对齐文本的下标. super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶 ...
ViewPager图片轮转带点的
布局页面设置: <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:and ...

【实战】初识ListView及提高效率

【实战】初识ListView及提高效率的更多相关文章

随机推荐

热门专题