开发者社区> 光仔december> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

【Android开发】基本组件-ListView(重要)

简介:
+关注继续查看

1.ListView的样子

打开任意一款Android手机的“设置”选项,你所看到的效果就是ListView的效果。类似下图:


2.详细剖析ListView

ListView界面的每一行就是ListView的一个“条目”。
我们是需要对list的条目设置界面的。也就是说List的条目的界面是由我们程序员去设计的。你想显示什么内容,就设计什么界面。

怎样设置每一个条目呢?
例如:
姓名    电话     存款
老张    123      888
老李    145      999

我们把每一个条目设置在在item.xml中:
item.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >
    
    <TextView 
     android:layout_width="120dp"
     android:layout_height="50dp"
     android:textSize="22sp"
     android:id="@+id/name"/>
    
    <TextView 
     android:layout_width="150dp"
     android:layout_height="50dp"
     android:textSize="22sp"
     android:id="@+id/phone"/>
    
    <TextView 
     android:layout_width="fill_parent"
     android:layout_height="50dp"
     android:textSize="22sp"
     android:id="@+id/amount"/>
</LinearLayout>

接下来为应用引入ListView显示控件:
main.xml:
<pre name="code" class="html"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    
    <!--name、phone、money是表头-->
    <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:orientation="horizontal" >
    
	   <TextView 
	    android:layout_width="120dp"
	    android:layout_height="wrap_content"
	    android:textSize="22sp"
	    android:text="@string/name"/>
	   
	   <TextView 
	    android:layout_width="150dp"
	    android:layout_height="wrap_content"
	    android:textSize="22sp"
	    android:text="@string/phone"/>
	   
	   <TextView 
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:textSize="22sp"
	    android:text="@string/money"/>
    </LinearLayout>


    <!--引入ListView控件-->
    <ListView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/listview"/>


</LinearLayout>


引入后,我们就要把数据显示在ListView上面。

数据模拟(Person类和模拟数据库的数据的PersonDB,从PersonDB中可以获取ListView列表要显示的值)Person:

package com.example.model;


public class Person {
      private String name;
      private String phone;
      private int money;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPhone() {
		return phone;
	}
	public void setPhone(String phone) {
		this.phone = phone;
	}
	public int getMoney() {
		return money;
	}
	public void setMoney(int money) {
		this.money = money;
	}
	
	public Person(){
		
	}
	
	public Person(String name,String p,int m){
		this.name=name;
		this.phone=p;
		this.money=m;
	}
}

PersonDB:
package com.example.model;


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


import android.database.Cursor;


public class PersonDB {
	public List<Person> persons=new ArrayList<Person>();	
	Person p1=new Person("老张","13563325622",20000);
	Person p2=new Person("老李","17663325622",4230);
	Person p3=new Person("老赵","18863325622",223400);
	Person p4=new Person("老刘","15563325622",2340);
	Person p5=new Person("老纪","15467825622",34600);
	Person p6=new Person("老朱","12389525622",55670);
	Person p7=new Person("老徐","13459225622",2234200);
	Person p8=new Person("老王","14350225622",2340000);
	Person p9=new Person("老许","13458025622",123000);
	
	public List<Person> getPersons(){
		persons.add(p1);
		persons.add(p2);
		persons.add(p3);
		persons.add(p4);
		persons.add(p5);
		persons.add(p6);
		persons.add(p7);
		persons.add(p8);
		persons.add(p9);
		return persons;
	}
}

打开Activity,当窗口打开的时候就要显示数据,所以在onCreat()方法中就要完成数据的显示。

这里用的适配器是SimpleAdapter

package com.example.listview;

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


import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;


import com.example.model.Person;
import com.example.model.PersonDB;


public class MainActivity extends Activity {
    private ListView listView;
    private PersonDB persondb=new PersonDB();
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		
		listView=(ListView)this.findViewById(R.id.listview);
		show();
	}
	
	private void show() {
		//得到数据数组
		List<Person> persons=persondb.getPersons();
		//SimpleAdapter需要填入Map的数据,所以要将Person转化为Map形式
		List<HashMap<String,Object>> data=new ArrayList<HashMap<String,Object>>();
		for(Person person:persons){
			 HashMap<String,Object> item=new HashMap<String, Object>();
			 item.put("name",person.getName());
			 item.put("phone",person.getPhone());
			 item.put("money",person.getMoney());
			 data.add(item);
		}
		
		//需要把数据通过适配器绑定到条目界面的显示控件上
		//适配器的作用是实现数据的绑定
		//有几种适配器:SimpleAdapter、SimpleCursorAdapter等
		//我们亦可以自定义适配器
		
		//参数1上下文,参数2Map型的数据,参数3要绑定的控件名,参数4和5分别是要把哪一项数据绑定到界面的哪一个控件上
		SimpleAdapter adapter=new SimpleAdapter(this,data,R.layout.item,
				new String[]{"name","phone","money"},new int[]{R.id.name,R.id.phone,R.id.amount});
	
	    listView.setAdapter(adapter);


	    /*listView如何将数据显示出来呢?
	    *一旦把适配器设给listview之后,listview就会首先调用适配器里面的getCout(),用来得到数据
	    *的总数(int total=adapter.getCount())。得到总数后,可以根据每个条目的高度计算出在一个窗口
	    *里面应该显示多少个条目(perpage)。
	    *for(int i=0;i<perpage;i++){
	    *  View view=adapter.getView(position,convertView,parent);//用于的到条目的view对象
	    *  //显示条目,下一次翻滚上来的时候用的就是它的缓存了,也就不再new原来的条目了。
	    }*/
	}
}

测试成功。

效果如图:

3.点击条目触发事件

给ListView控件设置点击条目的监听器即可。方法:

protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		
		listView=(ListView)this.findViewById(R.id.listview);
		listView.setOnItemClickListener(new ItemClickListener());


		show3();
}
	
public final class ItemClickListener implements OnItemClickListener{

	@Override
	//当ListView的条目被点中之后,就会调用这个方法
	//参数:参数1当前被点的条目所在的LIstView,参数2是当前条目的view对象,
	//参数3是当前点击的条目所绑定的数据在集合中的索引值,参数4是view界面在List中的排列的Id
	public void onItemClick(AdapterView<?> parent, View view, int position,
		long id) {
		ListView lView=(ListView)parent;
		//getItemAtPosition方法实际上
		//调用了适配器的getItem()方法
		//即是根据索引值取得集合中的某个元素
		Person person=(Person)lView.getItemAtPosition(position);
		Toast.makeText(getApplicationContext(), person.getName(), 1).show();
	}
		  
}
数据如果不是ListView,而是其他的,写法根据情况改变。


4.自定义适配器

在上一个工程的基础上介绍自定义适配器的开发:
要继承BaseAdapter类,并重写getCount()、getItem()、getItemId()和getView()方法

PersonAdapter.java:

package com.example.adapter;

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;

import com.example.listview.R;
import com.example.model.Person;

public class PersonAdapter extends BaseAdapter {
	
   //改写getCount()、getItem(int arg0)、getItemId(int arg0)和getView方法
	
	private List<Person> persons;//要绑定的数据
	private int resource;//绑定的条目界面
	private LayoutInflater inflater;
	//LayoutInflater是布局填充器(Android系统内置的一项服务),
	//用一个Xml文件来生成一个view对象
	
	public PersonAdapter(){
		
	}

	public PersonAdapter(Context context,List<Person> persons,int resource) {
		this.persons=persons;
		this.resource=resource;
		//得到布局填充服务
		inflater=(LayoutInflater)context.getSystemService(context.LAYOUT_INFLATER_SERVICE);
	}

	@Override
	//得到要绑定的数据的记录总数
	public int getCount() {
		return persons.size();
	}

	@Override
	//外面给定一个索引值,就可以从这个集合中得到该索引对应的条目
	public Object getItem(int position) {
		return persons.get(position);
	}

	@Override
	//取得条目的Id
	public long getItemId(int position) {
		return position;
	}

	@Override
	//取得代表条目的view对象
	//要实现数据绑定
	public View getView(int position, View convertView, ViewGroup parent) {
		// 重用第一页已经new好的对象
		if(convertView==null){
			//缓存为null,是第一页
			//如果不是第一页,这里没有进行优化,详情见下面优化后的程序
			
			//为条目创建view对象
			convertView=inflater.inflate(resource, null);
		}
		
		TextView nameView=(TextView) convertView.findViewById(R.id.name);
		TextView phoneView=(TextView) convertView.findViewById(R.id.phone);
		TextView amountView=(TextView) convertView.findViewById(R.id.amount);
		
		//该条目所要的数据在集合中的索引值position
		Person person=persons.get(position);
		//下面代码实现数据绑定
		nameView.setText(person.getName());
		phoneView.setText(person.getPhone());
		amountView.setText(person.getMoney()+"");
		
		return convertView;
	}


}

测试:
//自定义适配器
private void show3() {
	//得到数据数组
	List<Person> persons=persondb.getPersons();
	PersonAdapter adapter=new PersonAdapter(this,persons,R.layout.item);
	listView.setAdapter(adapter);
}
测试成功。


优化:(让适配器运行的时候,条目向下拉再向上拉返回的时候,读取过的条目只去读缓存即可)
package com.example.adapter;

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;


import com.example.listview.R;
import com.example.model.Person;


public class PersonAdapter extends BaseAdapter {
	
   //改写getCount()、getItem(int arg0)、getItemId(int arg0)和getView方法
	
	private List<Person> persons;//要绑定的数据
	private int resource;//绑定的条目界面
	private LayoutInflater inflater;
	//LayoutInflater是布局填充器(Android系统内置的一项服务),
	//用一个Xml文件来生成一个view对象
	
	
	public PersonAdapter(){
		
	}
	
	public PersonAdapter(Context context,List<Person> persons,int resource) {
		this.persons=persons;
		this.resource=resource;
		//得到布局填充服务
		inflater=(LayoutInflater)context.getSystemService(context.LAYOUT_INFLATER_SERVICE);
	}


	@Override
	//得到要绑定的数据的记录总数
	public int getCount() {
		return persons.size();
	}


	@Override
	//外面给定一个索引值,就可以从这个集合中得到该索引对应的条目
	public Object getItem(int position) {
		return persons.get(position);
	}


	@Override
	//取得条目的Id
	public long getItemId(int position) {
		return position;
	}


	@Override
	//取得代表条目的view对象
	//要实现数据绑定
	public View getView(int position, View convertView, ViewGroup parent) {
		TextView nameView=null;
		TextView phoneView=null;
		TextView amountView=null;
		// 重用第一页已经new好的对象
		if(convertView==null){
			//缓存为null,是第一页
			//如果不是第一页,listview会把之前缓存过的view对象传进来
			
			//为条目创建view对象
			convertView=inflater.inflate(resource, null);
			nameView=(TextView) convertView.findViewById(R.id.name);
			phoneView=(TextView) convertView.findViewById(R.id.phone);
			amountView=(TextView) convertView.findViewById(R.id.amount);
			
			ViewCache cache=new ViewCache();
			cache.nameView=nameView;
			cache.phoneView=phoneView;
			cache.amountView=amountView;
			
			convertView.setTag(cache);//视图有个标志,把它用作临时存放缓存数据
		}else{
			//如果不是第一页,listview会把之前缓存过的view对象传进来
		   ViewCache cache=(ViewCache)convertView.getTag();
		   nameView=cache.nameView;
		   phoneView=cache.phoneView;
		   amountView=cache.amountView;
		}
		
		//该条目所要的数据在集合中的索引值position
		Person person=persons.get(position);
		//下面代码实现数据绑定
		nameView.setText(person.getName());
		phoneView.setText(person.getPhone());
		amountView.setText(person.getMoney()+"");
		
		return convertView;
	}
	
	//代码优化:
	//用来对view进行缓存的内部类
	private final class ViewCache{
		public TextView nameView;
		public TextView phoneView;
		public TextView amountView;
	}


}
转载请注明出处:http://blog.csdn.net/acmman/article/details/44833565

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
android使用LruCache对listview加载图片时候优化处理
注意:LruCache是有版本限制的,低版本的sdk需要在libs文件夹添加相应的support-4v文件。 本文改造的大部分是参考http://www.iteye.com/topic/1118828,感谢。 不废话直接上工程代码,内有关键注释,项目就不上传了,自己对照着上面网址改呗。 首先是Application文件,负责创建图片存储文件夹: public c
976 0
Android零基础入门第43节:ListView优化和列表首尾使用
原文:Android零基础入门第43节:ListView优化和列表首尾使用    前面连续几期都在学习ListView的各种使用方法,如果细心的同学可能会发现其运行效率是有待提高的,那么本期就来一起学习有哪些方法技巧来优化ListView的效率。
1201 0
Android详解之ListView优化
去除ListView滑到顶部和底部时边缘的黑色阴影: android:fadingEdge="none"  ---------------------------------------------------- 去除拖动时默认的黑色背景: android:cacheColorHint="#00000000"   或 listView.
594 0
Android官方开发文档Training系列课程中文版:布局性能优化之ListView的优化
原文地址:http://android.xsoftlab.net/training/improving-layouts/smooth-scrolling.html 想要让ListView滑动流畅的关键所在是减轻主线程的负担。
551 0
Android--Listview优化
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/chaoyu168/article/details/52797308 Androi...
704 0
Android ListView优化之局部刷新(更新)(非notifyDataSetChanged)
Android ListView优化之局部刷新(更新)(非notifyDataSetChanged)
0 0
【Android 应用开发】Android开发技巧--Application, ListView排列,格式化浮点数,string.xml占位符,动态引用图片
【Android 应用开发】Android开发技巧--Application, ListView排列,格式化浮点数,string.xml占位符,动态引用图片
0 0
+关注
光仔december
目前致力于JavaEE(struts/hibernate/spring/MyBatis等框架)、数据库(Mysql/oracle)、静态页面(Html/Css)技术和脚本(JavaSript/JQuery/Ajax)等技术方面的研究
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Android组件化实现
立即下载
Android插件化:从入门到放弃
立即下载
《深入探索Android热修复技术原理》
立即下载