Android UI学习之ListView(使用BaseAdapter)

2022-05-08 15:55:42 浏览数 (1)

ListView是手机系统中使用非常广泛的一种组件,它以垂直列表的形式显示所以列表项。

今天我们学习如何将系统的短信显示到listView上。

关于如何获取系统的短信请看:

Android 四大组件学习之ContentProvider三

先看一下我们的布局文件:

代码语言:javascript复制
<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="${relativePackage}.${activityClass}" >
	<ListView 
	    android:id="@ id/lv"
	    android:layout_width="match_parent"
	    android:layout_height="match_parent"
	    >
	</ListView>
</LinearLayout>

就只有一个简单的ListView组件。

可以看到ListView的预览界面就是一个列表的形式,每行都是一个item项,那每行的显示样式都是一样的,所以每行也需要一个布局文件

看一下每行的布局文件:

代码语言:javascript复制
<?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" >
    <TextView 
        android:id="@ id/tv_phone"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        />
    <TextView 
        android:id="@ id/tv_body"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:singleLine="true"
        android:ellipsize="end"
        />
</LinearLayout>

布局文件中,共有2个textView, 第一个显示号码,第二个显示短信的内容

既然都知道了布局文件,那我们看Activity中的代码

代码语言:javascript复制
public class MainActivity extends Activity {
	List<Message> list;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        list = new ArrayList<Message>();
        
    	//得到ContentResolver
    	ContentResolver cr = getContentResolver();
    	
    	//查询系统的短信,只需要查询我们关心的字段
    	Cursor cursor = cr.query(Uri.parse("content://sms"), new String[]{"address", "date", "type", "body"}, 
    			null, null, null);
    	
    	//取出查询到的信息
    	while(cursor.moveToNext())
    	{
    		String address = cursor.getString(cursor.getColumnIndex("address"));
    		String date = cursor.getString(cursor.getColumnIndex("date"));
    		String type = cursor.getString(cursor.getColumnIndex("type"));
    		String body = cursor.getString(cursor.getColumnIndex("body"));
    		
    		//将每条短信放入List集合中
    		Message msg = new Message(address, date, type, body);
    		list.add(msg);
    	}
    	
    	//获取到listview
    	ListView listView = (ListView) findViewById(R.id.lv);
    	//设置适配器
    	listView.setAdapter(new MyAdapter());
    }
    
    //定义MyAdapter继承BaseAdapter
    class MyAdapter extends BaseAdapter
    {
    	@Override
		public int getCount() {
    		//返回显示元素的个数
			return list.size();
		}

    	//返回每个元素的,可以不用关心
		@Override
		public Object getItem(int arg0) {
			return null;
		}

		@Override
		public long getItemId(int arg0) {
			//返回当前元素的id,可以不用关心
			return 0;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup arg2) {
			// 返回一个在listView中显示的对象
			
			//获得消息的对象
			Message message = list.get(position);
			
			//创建一个布局填充器对象
			LayoutInflater inflater = LayoutInflater.from(MainActivity.this);
			//从布局填充器中拿到View对象
			View view = inflater.inflate(R.layout.item_list, null);
			
			//找到TextView对象
			TextView phone = (TextView) view.findViewById(R.id.tv_phone);
			phone.setText(message.getAddress());
			
			//找到TextView对象
			TextView body = (TextView) view.findViewById(R.id.tv_body);
			body.setText(message.getBody());
			
			return view;
		}
    }
}

其中Message类为:

代码语言:javascript复制
public class Message {
	private String address; //号码
	private String date;    //时间
	private String type;    //类型:1为发生,2为接受
	private String body;    //短信内容
	public String getAddress() {
		return address;
	}
	public void setAddress(String address) {
		this.address = address;
	}
	public String getDate() {
		return date;
	}
	public void setDate(String date) {
		this.date = date;
	}
	public String getType() {
		return type;
	}
	public void setType(String type) {
		this.type = type;
	}
	public String getBody() {
		return body;
	}
	public void setBody(String body) {
		this.body = body;
	}
}

显示效果为:

效果如上图是出现了,如果我们的数据很多,当然了一屏幕是显示不下的,可以通过上下滑动来显示下面的,这个ListView里面已经做了封装。

既然显示了,那我们来优化一个ListView的显示:

我在MyAdapter的getView中加一条打印:如上图所示,我们运行该程序

可以看到postion就是在ListView显示的位置,从0开始。 这时候convertView刚开始都是null.现在共显示12行。我往下拉一行

可以看到下拉第12时,convertView依然是null,好接着第13个

可以看到13个不为空了。且13个convertView也有值了。

那就有人问了convertView是什么东西? 其实convertView就是缓冲,当我们把13拉出来的时候,0就已经出去了,这时候0在缓冲区中,所以convertView就是0

既然缓冲区中有数据,那我们每次就不需要重新创建View对象了,如果缓冲区中有,直接从缓冲区取就行,那样很浪费资源

将上述代码修改为:

代码语言:javascript复制
			//创建一个布局填充器对象
			LayoutInflater	inflater = LayoutInflater.from(MainActivity.this);
			View view = null;
			if(convertView == null)
			{
				//从布局填充器中拿到View对象
				view = inflater.inflate(R.layout.item_list, null);	
			}
			else {
				
				view = convertView;
			}

这样当实际中我们有很庞大的数据,也不会出现系统资源溢出的问题了。

0 人点赞