列视图-Listview

如果程序需要显示不定数量的数据或者是动态变动的数据，比如联系人列表、相册，利用上一节的布局方式来实现将很不灵活，这种场景下最有效的展现视图是列表视图（ListView或Gridview）。Listview和Gridview都继承自AbsListView，所以在使用上有类似的地方。下面具体介绍这两个视图的使用方法。

Listview常用于展示一系列相似类型的数据，下面以一个简化的联系人列表来讲解Listview的基本用法。

主界面布局。

main.xml

1.   <RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

2.   android:id="@+id/R1"

3.   android:layout_width="fill_parent"

4.   android:layout_height="fill_parent" >

5.   <TextView

6.   android:id="@+id/T1"

7.   android:layout_width="wrap_content"

8.   android:layout_height="wrap_content"

9.   android:layout_alignParentTop="true"

10.  android:layout_centerHorizontal="true"

11.  android:background="#aabbaa"

12.  android:text="单击的联系人"/>

13.  <ListView

14.  android:id="@+id/list"

15.  android:layout_width="fill_parent"

16.  android:layout_height="wrap_content"

17.  android:layout_below="@id/T1" />

18.  </RelativeLayout>

主界面采用相对布局，包含2个控件，一个textview，id为T1位于一个顶端，ListView id为listview位于T1下方。T1用于在我们单击listview的item时显示相关内容。

Listview中每个Item的布局界面如下。

Item.xml

1.   <?xml version="1.0" encoding="utf-8"?>

2.   <RelativeLayout

3.   xmlns:android="http://schemas.android.com/apk/res/android"

4.   android:layout_width="fill_parent"

5.   android:layout_height="wrap_content"

6.   android:paddingLeft="10dip">

7.   <ImageView

8.   android:id="@+id/itemImage"

9.   android:layout_width="wrap_content"

10.  android:layout_height="fill_parent"/>

11.  <TextView

12.  android:id="@+id/itemTitle"

13.  android:text="名字"

14.  android:layout_height="wrap_content"

15.  android:layout_width="fill_parent"

16.  android:layout_toRightOf="@+id/itemImage"

17.  android:textSize="24dip"/>

18.  <TextView

19.  android:text="电话："

20.  android:layout_height="wrap_content"

21.  android:layout_width="fill_parent"

22.  android:id="@+id/itemText"

23.  android:layout_toRightOf="@+id/itemImage"

24.  android:layout_below="@+id/itemTitle"/>

25.  </RelativeLayout>

Item也采用相对布局，其中第6行android:paddingLeft="10dip"定义了item显示的内容与屏幕左端留出10个像素的空白区域。在这里itemImage用来显示头像，其右边的itemTitle用来显示名字，itemText在itemTitle下面用来显示电话号码。

最后就是Java的源代码。

MyListView.java

1.   import android.app.Activity;

2.   import android.content.Context;

3.   import android.os.Bundle;

4.   import android.view.LayoutInflater;

5.   import android.view.View;

6.   import android.view.ViewGroup; import android.widget.AdapterView;

7.   import android.widget.BaseAdapter;

8.   import android.widget.ImageView;

9.   import android.widget.ListView;

10.  import android.widget.TextView;

11.  public class MyListView extends Activity {

12.  ListView listView;

13.  TextView showinfo;

14.  String[] titles={"赵1","钱2","张三","李四","王五"};

15.  String[]

texts={"13910000000","13910000001","13910000002","13910000003","13910000004"};

16.  int buf=R.drawable.ic_launcher;

17.  int[] resIds={buf,buf,buf,buf,buf};

18.  @Override

19.  public void onCreate(Bundle savedInstanceState) {

20.  super.onCreate(savedInstanceState);

21.  setContentView(R.layout.main);

22.  listView=(ListView)this.findViewById(R.id.list);

23.  showinfo=(TextView)this.findViewById(R.id.T1);

24.  listView.setAdapter(new MyAdapter(titles,texts,resIds));

25.  listView.setOnItemClickListener(new AdapterView.OnItemClickListener(){

26.      @Override

27.  public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {

28.          TextView title=(TextView)arg1.findViewById(R.id.itemTitle);

29.          String info="单击的联系人是:"+title.getText();

30.          TextView text = (TextView) arg1.findViewById(R.id.itemText);

31.          info=info+"\n联系电话："+text.getText();

32.          showinfo.setText(info);}

33.  });}

34.  public class MyAdapter extends BaseAdapter {

35.     String[] itemTitles, itemTexts;

36.     int[] itemImageRes;

37.  public MyAdapter(String[] itemTitles,String[] itemTexts,int[] itemImageRes)

38.  {

39.  this.itemTitles=itemTitles;

40.  this.itemTexts =itemTexts;

41.  this.itemImageRes=itemImageRes;

42.  }

43.  public int getCount() {

44.  return itemTitles.length;

45.  }

46.  public Object getItem(int position) {

47.  return itemTitles[position];

48.  }

49.  public long getItemId(int position) {

50.  return position;

51.  }

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

53.  if (convertView == null)

54.  {

55.  LayoutInflater inflater =

(LayoutInflater)MyListView.this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

56.  View itemView = inflater.inflate(R.layout.item, null);

57.  TextView title = (TextView) itemView.findViewById(R.id.itemTitle);

58.  title.setText(itemTitles[position]);

59.  TextView text = (TextView) itemView.findViewById(R.id.itemText);

60.  text.setText(itemTexts[position]);

61.  ImageView image = (ImageView) itemView.findViewById(R.id.itemImage);

62.  image.setImageResource(itemImageRes[position]);

63.  return itemView;

64.  } else{

65.  TextView title = (TextView) convertView.findViewById(R.id.itemTitle);

66.  title.setText(itemTitles[position]);

67.  TextView text = (TextView) convertView.findViewById(R.id.itemText);

68.  text.setText(itemTexts[position]);

69.  ImageView image = (ImageView) convertView.findViewById(R.id.itemImage);

70.  image.setImageResource(itemImageRes[position]);

71.  return convertView;

72.  }}}

73.  }

第14～17行我们定义了初始化数据，titles字符串数组是姓名信息、texts字符串数组是手机号信息，resIds整数数组是头像资源drawable里的头像图片id值。在正式项目中数据源我们可以从数据库、文件或网上等地方动态获取。

第22～23行我们获取到主界面main.xml文件里定义的ListView对象和TextView对象。

第24行我们设置了ListView的自定义适配器MyAdapter对象，这个类在第34～71行定义。

第25～32行我们设置了ListView的item单击监听器new AdapterView.OnItemClickListener()。这个监听器的OnItemClick函数在listview的item被单击时调用。参数arg1就是被单击的item的view，所以我们能从arg1获取到里面的itemTitle和itemText信息，并把这部分信息在主界面顶端的textview上显示出来。

第34～71行的MyAdapter继承自BaseAdapter，在其中定义了itemview和需要显示的内容。

第37～42行是MyAdapter的构造函数，我们把传入的itemTitles、itemTexts、itemImageRes保存到对象本地。

下面几行中getCount()、getItem(int position)和getItemId(int position)用于ListView获取item的相关信息。

第52～71行的getView(int position, View convertView, ViewGroup parent)函数被ListView调用来获得具体每个item的View。ListView通过getCount()获取到需要显示的item数量，然后逐个调用getView来获取View并显示。Position参数用于指定需要哪个item，convertView对象告诉adapter是否有item view滑出屏幕后已不在屏幕显示，convertView是可以利旧的view，这样的话就不用因为有1万条记录就要构造1万个item view对象了。

第53行和第64行的if (convertView == null)就是为了利旧itemview，如果convertView存在直接利旧并把convertView里的itemTitle、itemText和itemImage更新后返给listview使用。

第55行和第56行LayoutInflater对象的功能是把一个View的对象与XML布局文件关联并实例化。在这里我们把itemView和item.xml关联并实例化。

第57～62行itemView对象实例化之后，通过findViewById()查找布局文件里的itemTitle、itemText和itemImage，并将数据源里的数据itemTitles[position]、itemTexts[position]和itemImageRes[position]赋值上去。

第63行将itemView返回给listview。

运行效果如图示。

时间： 2024-10-05 10:07:20

列视图-Listview的相关文章

列表视图ListView之一

在android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示. 一.简单应用 1.打开"res/layout/activity_main.xml"文件. (1)从工具栏向activity拖出1个列表视图ListView. (2)打开activity_main.xml文件. 完整代码如下: <?xml version="1.0" encoding="utf-8"?><Rela

Android——列表视图 ListView（三）BaseAdapter

activity_activitybase.xml <?xml version="1.0" encoding="utf-8"?> <ListView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_pa

Android——列表视图 ListView（二）SimpleAdapter

SimpleAdapter:可显示文字加图片 activity_activitysimple.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android

列表视图ListView之二

在android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示. 在上一章,我们采用ArrayAdapter填充ListView,本章我们了解一下SimpleAdapter的应用. 一.SimpleAdapter应用 1.打开"res/layout/activity_main.xml"文件. 完整代码如下: <?xml version="1.0" encoding="utf-8"?>

高级控件【安卓5】——滚动视图、列表视图[ListView、SimpleAdapter类]

滚动视图 <ScrollView android: layout_width="fill_parent" android: layout_height="fill_parent"> </ScrollView> 滚动试图指的是提供一个专门的容器,可以装下多于屏幕宽度的组件,而后采用拖拽的方式 显示所有在ScrollView中的组件 注意:滚动视图中只能有一个组件 列表视图[ListView.SimpleAdapter类] 1.ListView控

andorid 列表视图 ListView 之ArrayAdapter

activity_ui3.xml <?xml version="1.0" encoding="utf-8"?> <ListView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_p

Android——列表视图(ListView)

列表视图是android中最常用的一种视图组件,它以垂直列表的形式列出需要显示的列表项.在android中有两种方法向屏幕中添加列表视图:一种是直接使用ListView组件创建:另外一种是让Activity继承ListActivity实现.下面分别介绍这两种方法: 一.直接使用ListView组件创建 在布局文件中首先添加ListView 代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/androi

Android学习-列表视图ListView

一.简介: ListView,列表视图,直接继承了AbsListView,是一个以垂直方式在项目中显示View视图的列表.ListView的数据项,来自一个继承了ListAdapter接口的适配器. 二.新建一个包listview并新建ListViewActivity.java活动: 12345678 public class ListViewActivity extends AppCompatActivity { @Override protected void onCreate(Bundle

用循环添加多行、多列视图

用循环构建多视图的相关代码 - (viod) viewDidLoad{ [super loadView]; UIView *view = [[[UIView alloc] init] autorelease]; self.view = view; NSInteger line = 3; NSInteger row = 3; CGFloat width = 80; CGFloat height = 80; //获取第一个视图的x,y坐标 CGFloat x = (self.view.bounds.