ListView使用方法

最新推荐文章于 2022-12-31 16:54:12 发布

呵呵_陈

最新推荐文章于 2022-12-31 16:54:12 发布

阅读量488

点赞数

文章标签： listview android

参考资料：http://stephen830.iteye.com/blog/1139917

http://www.cnblogs.com/allin/archive/2010/05/11/1732200.html

ListView通常可以用于列表显示，使用ListView通常会使用Adapter来作为适配器。

Adapter一共有三种ArrayAdapter、CursorAdapterSimple、CursorAdapter

在android中，由于数据来源多种多样，如：从资源文件读取、从数据库中读取、从网络上其他地方读取而最终这些数据都将被展示在ListView中，所以这边android就用了adapter设计模式，对应每种数据来源使用对应的 adapter来连接数据和视图。

1.简单的ListView布局(单行显示信息)

主要代码如下：

package com.example.listview_demo;

import java.util.*;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.*;

public class MainActivity extends Activity {

private ListView listView;

@Override

public void onCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//绑定Layout里面的ListView

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

listView.setAdapter(newArrayAdapter<String>(this,android.R.layout. simple_list_item_1,getData()));

/*ArrayAdapter是适配器，此处调用ArrayAdapter的ArrayAdapter(Context context, inttextViewResourceId, T[] objects)构造方法

* 其中Context是Activity的父类，使用this发生一次类型转换，一般情况下都写this,simple_list_item_1是文件布局方式

}

private List<String> getData(){

List<String> data = newArrayList<String>();

data.add("测试数据1");

data.add("测试数据2");

data.add("测试数据3");

data.add("测试数据4");

return data;

}

//此处省略onCreatOptionsMenu 方法

}

布局文件activity_main 插入如下

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/hello_world" />

<ListView android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/ListView01"

运行如下：

其中创建ArrayAdapter中使用的参数textViewResourceId, simple_list_item_1在android自带的包中，不是在R.class中，具体位置如下：

其中有一些常用布局，如下：

android.R.layout.simple_list_item_1

列表选项的简单布局

android.R.layout.simple_expandable_list_item_2

可拓展列表选项的简单布局

android.R.layout.simple_list_item_checked

列表被选中的选项的简单布局

android.R.layout.simple_list_item_multiple_choice

可选列表的选项的简单布局

这里也可以自己写一些layout.xml 文件放在layout中，然后通过R.layout.xxx(同名文件来查找)。

具体实现如下：

2.进阶的ArrayAdapter，自定义布局来显示ArrayAdapter里面装的对象。

主要代码如下：

import java.util.*;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.*;

public class MainActivity extends Activity {

private ListView listView;

@Override

public void onCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//绑定Layout里面的ListView

Person[] data = new Person[]{

new Person("关羽",25,"gy@gmail.com","司州河东解良"),

new Person("荀攸",25,"xy@bb.com","颍川颍阴"),

new Person("司马懿",25,"smy@gmail.com","河内温县"),

new Person("曹操",25,"cc@gmail.com","沛国谯县"),

new Person("刘备",25,"lb@gmail.com","幽州涿郡涿县")

};

ListView lv = (ListView) findViewById(R.id.ListView01);

PersonAdapter adapter = new PersonAdapter(

this,R.layout.list_view1_item,data);

//每当res\layout 文件夹中创建一个xml文件时，R.layout会自动添加一个同名数值，通过此处的布局来定义listview布局

lv.setAdapter(adapter);

}

@Override

public booleanonCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds itemsto the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

class Person {

public String name;

public int age;

public String email;

public String address;

public Person(String name, int age, String email, String address) {

super();

this.name = name;

this.age = age;

this.email = email;

this.address = address;

}

布局文件放在layout文件夹中，R.class会自动添加同名属性值，代码如下：

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

android:textSize="23sp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

<TextView

android:id="@+id/person_age"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

<TextView

android:id="@+id/person_email"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

<TextView

android:id="@+id/person_address"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

</LinearLayout>

在和MainActivity相同的包中创建PersonAdapter

接下来通过继承ArrayAdapter，然后重写getView方法，用来将自定义布局的View注入到ListView中，然后将每条数据装进对应的View中。

package com.example.listview_demo;

import android.content.Context;

import android.view.*;

import android.widget.*;

public class PersonAdapter extends ArrayAdapter{

LayoutInflatermLayoutInflater;

int resourceId;

Context mContext;

public PersonAdapter(Context context, int resourceId, Person[] objects) {

super(context, resourceId, objects);

//获取LayoutInflater 服务,用来从预定义的xml布局创建view对象.

this.resourceId = resourceId;

mLayoutInflater = LayoutInflater.from(context);

}

/*以下方法调用public View inflate (int resource, ViewGroup root)方法

*若root ViewGroup为非空，则返回的View即为 root，反之，则根据resourceId填充返回View

@Override

public View getView(int position, View convertView, ViewGroupparent) {

if(convertView == null){

//创建新的view视图.

convertView = mLayoutInflater.inflate(resourceId, null);

}

//获取当前要显示的数据

Person person = (Person) getItem(position);

TextView name = (TextView) convertView.findViewById(R.id.person_name);

TextView age = (TextView) convertView.findViewById(R.id.person_age);

TextView email = (TextView) convertView.findViewById(R.id.person_email);

TextView address = (TextView) convertView.findViewById(R.id.person_address);

name.setText(person.name);

age.setText(String.valueOf(person.age));

email.setText(person.email);

address.setText(person.address);

return convertView;

}

通俗的说,inflate就相当于将一个xml中定义的布局找出来.

这里重写getView的大体思路如下：

找到layout XML文件

2.将每个TextView设置id

3.每次将Person对象传进来，根据布局文件一一对应

测试运行结果如下图所示

三、用SimpleAdapter来布局，加入图片元素。

simpleAdapter的扩展性最好，可以定义各种各样的布局出来，可以放上ImageView（图片），还可以放上Button（按钮），CheckBox（复选框）等等。

首先需要定义好一个用来显示每一个列内容的xml

同样在layout文件夹下创建

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

<ImageView

android:id="@+id/img"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp" />

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical" >

<TextView

android:id="@+id/title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textSize="22sp" />

<TextView

android:id="@+id/info"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textSize="13sp" />

</LinearLayout>

很普通，很寻常的activety_main如下：

<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=".MainActivity" >

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/hello_world" />

<ListView

android:id="@+id/ListView02"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/textView1"

android:layout_alignParentBottom="true">

</ListView>

实现的代码：

package com.example.listview_demo2;

import java.util.*;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.*;

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

SimpleAdapteradapter = new SimpleAdapter(this,getData(),R.layout.listview_2,

new String[]{"title","info","img"},

new int[]{R.id.title,R.id.info,R.id.img});

ListViewlv = (ListView) findViewById(R.id.ListView02);

lv.setAdapter(adapter);

}

private List<Map<String, Object>>getData() {

List<Map<String, Object>> list = new ArrayList<Map<String,Object>>();

Map<String, Object> map = new HashMap<String, Object>();

map.put("title", "荀攸");

map.put("info", "xy@gmail.com");

map.put("img", R.drawable.i1);

list.add(map);

map = new HashMap<String, Object>();

map.put("title", "刘备");

map.put("info", "lb@gmail.com");

map.put("img", R.drawable.i2);

list.add(map);

map = new HashMap<String, Object>();

map.put("title", "曹操");

map.put("info", "cc@gmail.com");

map.put("img", R.drawable.i3);

list.add(map);

map = new HashMap<String, Object>();

map.put("title", "司马懿");

map.put("info", "cc@gmail.com");

map.put("img", R.drawable.i4);

list.add(map);

return list;

}

@Override

public booleanonCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds itemsto the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

运行的结果如下：

自己改些好看的布局吧！

使用simpleAdapter的数据用一般都是HashMap构成的List，list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用，我们可以自己定义一个布局listview_2.xml。下面做适配，new一个SimpleAdapter参数一次是：this，布局文件（vlist.xml），HashMap的 title 和 info，img。布局文件的组件id，title，info，img。布局文件的各组件分别映射到HashMap的各元素上，完成适配。

其中调用的SimpleAdapter的构造方法：

SimpleAdapter(Context context, List<?extends Map<String, ?>> data, int resource, String[] from, int[] to)

参数context：上下文，比如this。关联SimpleAdapter运行的视图上下文

参数data：Map列表，列表要显示的数据，这部分需要自己实现，如例子中的getData()，类型要与上面的一致，每条项目要与from中指定条目一致

参数resource：ListView单项布局文件的Id,这个布局就是你自定义的布局了，你想显示什么样子的布局都在这个布局中。这个布局中必须包括了to中定义的控件id

参数 from：一个被添加到Map上关联每一个项目列名称的列表，数组里面是列名称

参数 to：是一个int数组，数组里面的id是自定义布局中各个控件的id，需要与上面的from对应

在drawable文件夹添加图片的要点：

若没有drawable文件夹，就自己创建一个，然后把图片放进去，不用管其他各种分辨率的文件夹了~~~。图片放进去之后，在R.class文件夹中会自动生成drawable 的同名参数，就可以根据这个同名参数来获取这些图片的索引。

最重要的事，android中支持的图片格式支持jpg,gif,png,bmp。不是android支持的格式将不能显示，另附android支持的多媒体文件类型。

四、在ListView中设置动作监听

修改MainActivity中onCreat方法如下：