`

Android系列教程之八:ListView组件的使用

阅读更多
写道
ListView是Android开发中非常常用的组件,ListView可以用来显示一个列表,我们可以对这个列表操作,比如点击列表要做什么等等。这篇文章主要通过一个示例来展示ListView的用法。

 

Android系列教程目录:

  1. Android教程之一:Window下搭建Android开发环境

  2. Android教程之二:Linux下搭建Android开发环境

  3. Android教程之三:第一个Android应用,HelloWorld

  4. Android系列教程之四:Android项目的目录结构

  5. Android系列教程之五:Activity的生命周期

  6. Android系列教程之六:TextView小组件的使用--附带超链接和跑马灯效果

  7. Android系列教程之七:EditText使用详解-包含很多教程上看不到的功能演示

本文版权归飞雪无情 所有,转载请注明出处, 永久链接: http://flysnow.iteye.com/blog/865944

我新建了一个Android的技术交流群,群号为86686524    120059404 ,感兴趣的可以申请加入,大家一块学习。

一、 不使用 xml 布局文件创建一个 ListView

  1. 创建一个名称为 HelloListView Android 工程,可以参见 Android教程之三:第一个Android应用,HelloWorld
  2. 要使用 ListView ,需要让你的 Activity 继承于 ListActivity ,这个和以前的有区别,以前的都是继承 Activity ,该 ListActivity 继承 Activity ,扩展了很多常用的用于操作 ListView 的方法,使用很方便。
  3. 现修改 HelloListView 类如下 :
    public class HelloListView extends ListActivity {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            //setContentView(R.layout.main);
            //设置一个Adapter
            setListAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,COUNTRIES));
        }
        //数据数据
        private  static final String[] COUNTRIES=new String[]{"中国","俄罗斯","英国","法国"};
    }
    
  4. 运行程序效果如下:

     看到了吧,我们的数据已经通过列表的形式显示了出来!!!

    这里主要的是使用了一个 Adapter— 适配器,你可以把他看成是 ListView 的数据源, ListView 要展示的数据都是已 Adapter 的形势传递给 ListView 的。这个 Adapter 很重要, Android 的用于传给集合控件( ListView,Spinner,GridView 等)的数据都是以 Adapter 的形势,这样的好处就是只要掌握了 Adapter ,就可以很随意的给这些集合控制传递数据,因为他们使用的都是 Adapter 。适配器适配器关键就是适配,只需公布一个 Adapter ,就全搞定了。 Android 已经给我们实现了一些常用的适配器,如刚刚使用的数组适配器,还有简单适配器等 , 如果这些不能满足,我们还可以通过自定义适配器来实现自己的适配器。其实一种适配器就对应了一个集合控件中的一个元素的布局展示。

二: 使用 xml 来自定义 ListView

  1. 上个例子我们并没有使用在 main.xml 中定义一个 ListView 的形势来布局 ListView ,而是使用的 ListActivity 中默认的 ListView 来演示的。
  2. 下面就使用我们在 main.xml 中自定义的 ListView, 这样我们可以很方便的控制 ListView 展示的布局,大小,背景色等属性。当然上个例子中我们一样可以通过 getListView 获取 ListView 后使用它的方法来改变布局、大小和背景色等。
  3. 修改 main.xml 为:
    <?xml version="1.0" encoding="utf-8"?>
    <ListView xmlns:android="http://schemas.android.com/apk/res/android"
    	android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#FF0000FF"
        >
    </ListView>
    
     这里要注意的是我们设置 ListView id ”@android:id/list”, 意思是我们引用 Android 已经为我们定义好的一个 id ,名字是 list ,如果你不定义成这样,这个 ListView 是不能被 ListActivity 识别的。然后就是添加了一个蓝色的背景,看看我们这个自定义的 ListView 是否起了作用。
  4. 修改 HelloListView 类为:
    public class HelloListView extends ListActivity {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            //设置一个Adapter
            setListAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,COUNTRIES));
        }
        //数据数据
        private  static final String[] COUNTRIES=new String[]{"中国","俄罗斯","英国","法国"};
    }
    
     比上个例子只是多了 setContentView(R.layout. main ); 是为了让 Android 识别我们定义的 ListView
  5. 运行效果图:

     背景已经变成了蓝色,说明我们在xml中定义的ListView起作用了。

三: 自定义要展示的元素

  1. 前面的两个例子都是展示一行文字,如果我们想图文混排怎么做呢,比如前面是文字,后面是图片。要实现这种功能就需要我们自定义 Adapter 啦。
  2. 新建布局文件 item.xml, 内容如下:
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content">
      <TextView	
      	android:id="@+id/text"
      	android:layout_alignParentLeft="true"
      	android:layout_width="wrap_content"
      	android:layout_height="wrap_content"/>
      <ImageView 
      	android:id="@+id/image"
      	android:layout_alignParentRight="true"
      	android:layout_width="wrap_content"
      	android:layout_height="wrap_content"/>
    </RelativeLayout>
    

    这里主要定义一个 TextView 和一个 ImageView ,用于显示列表每一行的文本和图片

  3. 修改 HelloListView 类如下:
    public class HelloListView extends ListActivity {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            //设置一个Adapter,使用自定义的Adapter
            setListAdapter(new TextImageAdapter(this));
        }
        /**
         * 自定义视图
         * @author 飞雪无情
         *
         */
        private class TextImageAdapter extends BaseAdapter{
            private Context mContext;
        	public TextImageAdapter(Context context) {
    			this.mContext=context;
    		}
            /**
             * 元素的个数
             */
    		public int getCount() {
    			return texts.length;
    		}
    
    		public Object getItem(int position) {
    			return null;
    		}
    
    		public long getItemId(int position) {
    			return 0;
    		}
    		//用以生成在ListView中展示的一个个元素View
    		public View getView(int position, View convertView, ViewGroup parent) {
    			//优化ListView
    			if(convertView==null){
    				convertView=LayoutInflater.from(mContext).inflate(R.layout.item, null);
    				ItemViewCache viewCache=new ItemViewCache();
    				viewCache.mTextView=(TextView)convertView.findViewById(R.id.text);
    				viewCache.mImageView=(ImageView)convertView.findViewById(R.id.image);
    				convertView.setTag(viewCache);
    			}
    			ItemViewCache cache=(ItemViewCache)convertView.getTag();
    			//设置文本和图片,然后返回这个View,用于ListView的Item的展示
    			cache.mTextView.setText(texts[position]);
    			cache.mImageView.setImageResource(images[position]);
    			return convertView;
    		}
        }
        //元素的缓冲类,用于优化ListView
        private static class ItemViewCache{
    		public TextView mTextView;
    		public ImageView mImageView;
    	}
      //展示的文字
        private  String[] texts=new String[]{"天气","我团","背景"};
        //展示的图片
        private int[] images=new int[]{R.drawable.img1,R.drawable.img2,R.drawable.img3};
    }
    
    这里的主要地方是自定义了一个 Adapter ,我们只需要继承 BaseAdapter 即可, BaseAdapter 已经实现了 Adapter 的大部分方法,我们继承后只需要实现部分的方法即可。必须实现的就是 getCount getView 方法,前一个是返回 ListView 中有多少个元素,后一个是生成要展示的 View ListView 在每添加一个 View 是就会调用 Adapter getView 方法,所以我们有必要对这个方法做优化,例子中就做了部分的优化,一般面试的时候会被问到 ListView 优化,回答例子中的这些代码就差不多了。
  4. 运行,我们会看到效果如图:

     

四、ListView 列表中的元素的单击事件响应

  1. 如果我们要想单击一个 ListView 的元素使其作出相应的响应怎么办呢?比如弹出什么,打开什么,展示什么等等,那么我们只需要实现单击事件的函数既可。

  2. 要实现 ListView 的单击事件有两种方法,一个是使用 getListView().setOnClickListener(l ); 设置,这个和平时我们用的控件设置是一样的,不做介绍,下面介绍第二个,就是重写 ListActivity onListItemClick 方法,其实这个的最后处理也是 ListView setOnClickListener 进行监听调用的。

  3. HelloListView 类中增加如下代码:

    @Override
    protected void onListItemClick(ListView l, View v, int position, long id) {
    		Toast.makeText(this, "你单击了"+texts[position], Toast.LENGTH_SHORT).show();
    
  4. 运行单击其中的一行效果如下图:

五、小结

到这里ListView应该算是会使用了,起码常用的功能会的,当然还有很多没有说到的,比如ListView的分割部分,headView和footView以及ListView的分页等等,这些就需要我们自己下去好好摸索了。

  • 大小: 18.3 KB
  • 大小: 21.3 KB
  • 大小: 15.2 KB
  • 大小: 20.7 KB
14
0
分享到:
评论
11 楼 淡定的冰仔 2014-03-01  
楼主你好,谢谢你的教程,但是我在跟着你的教程做的时候,遇到了一个问题:
是第三步:三: 自定义要展示的元素

因为我是在我自己的程序中,有一个主activity,然后通过titlebar进入了我的一个fragment,接下来我是想在fragment里面显示这个列表,第一步骤和第二步骤已经成功,但是用到第三部的时候,系统提示“Content has view with id attribute 'android.r.id.list' that is not a ListView Class.”

因为在 “三: 自定义要展示的元素”中,是自定义的,你的例子中就没有加listview,我想请问,现在要如何处理呢?

谢谢你!
10 楼 flybird1985 2014-01-21  
学习中,写的很好,
9 楼 暖竹竹 2013-10-31  
循序渐进,很感谢楼主的耐心,会长期关注
8 楼 lgp0203 2013-10-15  
感谢LZ的总结,看了许多,受益匪浅
7 楼 qianguming 2013-09-29  
支持楼主。楼主太赞了
6 楼 BBjava 2013-01-19  
写得真不错,很容易懂真好。
5 楼 vvv_110 2011-11-29  
飞雪无情 写道
flower_is 写道
我感觉 写的不错


谢谢支持

4 楼 xiaogouxo 2011-10-31  
必须支持!!!!!!!1
3 楼 zss503 2011-04-02  
谢的真好,通俗易懂。
2 楼 飞雪无情 2011-02-24  
flower_is 写道
我感觉 写的不错


谢谢支持
1 楼 flower_is 2011-02-24  
我感觉 写的不错

相关推荐

    无废话Android 系列教程36 -2 [listview的工作原理及使用&测试]

    这篇“无废话Android系列教程36 -2”着重讲解了ListView的工作原理和使用方法,以及如何进行测试。以下是关于ListView的详细知识: 1. **ListView基本结构**: ListView由多个ListView项(ListView Item)组成,每...

    无废话Android 系列教程36-1 [模仿listview的工作原理&测试]

    在“无废话Android系列教程36-1”中,我们将深入探讨ListView的工作原理,并通过实际的代码测试来加深理解。这篇教程旨在帮助开发者们更高效地使用和优化ListView,提高应用性能。 ListView的核心机制是视图复用...

    Android之用PopupWindow实现弹出listview形式的菜单

    本教程将详细讲解如何使用`PopupWindow`来创建一个以`ListView`形式展示的菜单。首先,我们需要了解`PopupWindow`的基本概念。 `PopupWindow`是Android SDK提供的一种轻量级弹窗,它可以在任意位置显示,并且可以...

    android listview

    ListView是Android SDK中的一个视图组件,用于显示一系列可滚动的项目。每个项目可以自定义为不同的视图,比如文本、图片或者它们的组合。ListView通过适配器(Adapter)来获取数据源,并将这些数据转化为可显示的...

    android Listview demo

    本教程通过一个名为"ListApp"的示例项目,详细介绍了如何在Android中使用ListView来构建用户界面并实现基本的功能。 一、ListView基础 ListView是Android SDK中的一种视图容器,用于显示一系列可滚动的行项。它可以...

    android listview单击事件

    在Android开发中,ListView是应用最广泛的视图组件之一,尤其在展示大量数据时,它以列表形式高效地展示信息。本教程将深入探讨ListView的单击事件处理,以及如何在实际项目中实现这一功能。 首先,理解ListView的...

    Android自定漂亮Dialog中嵌入ListView

    本教程将探讨如何在Android中自定义一个美观的Dialog,并在其内部嵌入一个ListView,以便展示更多信息。这个自定义Dialog可以用于显示一系列可选项目,用户可以通过点击ListView中的条目来进行交互。 首先,我们...

    Android应用开发-ListView.pptx

    在Android应用开发中,ListView是显示大量数据时非常重要的组件,尤其在手机界面设计中,由于屏幕尺寸有限,ListView能够有效地展示信息并提供良好的用户体验。本篇内容将深入讲解ListView及其核心概念Adapter。 ...

    ListviewDemo

    标题“ListviewDemo”指的是一个Android...总之,“ListviewDemo”是一个涵盖了Android开发中ListView组件使用的教学资源,通过一系列的实例,帮助开发者深入理解和应用ListView,从而提升他们的Android应用开发技能。

    Android studio ListView应用设计

    ListView是Android SDK提供的一种视图组件,它允许用户滚动查看一系列项。每个项通常由一个布局文件定义,称为列表项视图。ListView通过适配器(Adapter)来绑定数据源,适配器将数据转化为可显示的视图。 1. **...

    Android Training学习笔记——Navigation 参考源码(ListView版)

    Android Training是Google提供的一系列教程,旨在帮助开发者提升Android开发技能。这篇文章是Android Training的一部分,专门讲解了如何结合Navigation和ListView实现高效的用户导航。 4. **源码分析** 文章提供...

    xamarin.android listview控件通过web api获取并展示数据

    在Xamarin.Android开发中,ListView控件是一种常用的数据展示组件,它可以用来显示一系列可滚动的项目,非常适合于数据显示。本教程将深入探讨如何利用ListView结合Web API来动态获取并展示数据。 首先,我们需要...

    android ui组件大全

    在Android应用开发中,UI(用户界面)组件是构建应用程序不可或缺的部分。这些组件构成了用户与应用交互的视觉元素。以下是对“android ui组件大全”这个主题的详细解析: 标题:“android ui组件大全” 这个标题...

    Android开发教程笔记完全版 pdf

    每个Android应用都由一系列组件构成,包括活动(Activity)、服务(Service)、广播接收器(Broadcast Receiver)和内容提供者(Content Provider)。活动是用户与应用交互的主要入口,服务在后台运行,广播接收器...

    listview的简单使用

    总之,ListView是Android开发中的基石之一,理解并熟练掌握其使用方法对构建高效的数据展示界面至关重要。通过阅读和实践ListViewTest项目中的代码,你将进一步加深对ListView和Adapter机制的理解。

    5-ListView-SimpleAdapter及自定义Adapter-进阶2.rar

    本教程将深入探讨如何使用SimpleAdapter和自定义Adapter与ListView协同工作,以实现数据的动态展示。以下是对相关知识点的详细说明: 1. **ListView**: ListView是Android中的一个视图容器,可以显示一系列可滚动的...

    listView加CheckBox

    1. ListView:ListView是Android中的一个视图组件,它能够滚动显示一系列视图项。通过Adapter(适配器)将数据绑定到ListView上,实现动态加载和显示。 2. CheckBox:CheckBox是Android的开关型组件,用户可以选择...

    ListView的实现

    在Android开发中,ListView的使用是非常基础且重要的技能。本教程将详细讲解ListView的实现,包括基本结构、适配器、数据绑定以及优化策略。 首先,ListView的基本结构主要包括两部分:ListView本身和适配器...

    Android学习 各组件学习实例

    本教程将深入探讨以下Android组件:网格视图、图像切换、列表视图、单选按钮组、进度条、画廊、日期选择器以及复选框,并通过实例来帮助你更好地理解和应用这些组件。 1. **网格视图(GridView)** 网格视图是一种...

Global site tag (gtag.js) - Google Analytics