`
lj_gzy2014
  • 浏览: 18056 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

ListView的使用

 
阅读更多


                在使用手机时,我们在看新闻或是看微信QQ时,总会上下滑动屏幕,好像屏幕中掩藏的内容可以无限延伸,这其实就是使用了ListView的效果。ListView是一种开发中经常使用到的控件,也是比较难的一个控件。因此专门写篇博客记录自己的所学所感。

                 构建一个基本的ListView

                 ListView可以说是一个数据容器,用来展示数据给用户,并能提供交互。那么数据从哪来?又是如何通过ListView呈现给用户的呢?我们知道,ListView呈现的数据一般是变化的,这些数据来自数据库,网络,或其它应用程序。数据来源不确定,数据内容不确定,那么ListView就得能够实现动态加载数据才行。Android提供了一个适配器ArrayAdapter,这个类中有一个public View getView(int position, View convertView, ViewGroup parent)的方法,此方法在对应Item要出现在界面上时才会调用,动态加载数据主要就是这个函数实现的。但是一个基本的ListView的每个item只有一个文本框,只能展示文本,如此并不能满足我们图文并茂的需求,又该如何做呢?

             构建一个自定义的ListView

              在开发中,我们经常要用到自定义的ListView,其实就是构建一个类继承ArrayAdapter,并重写getView方法,并构造一个自定义的item.xml文件,item.xml文件用来定义item元素包含的控件及布局。如下

 

自定义的FruitAdapter

public class FruitAdapter extends ArrayAdapter<Fruit>{

	private int resourceId;

	public FruitAdapter(Context context, int textViewResourceId,
			List<Fruit> objects) {
		super(context, textViewResourceId, objects);
		resourceId = textViewResourceId;
	}
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		Fruit fruit = getItem(position); // 获取当前项的Fruit实例
		View view;
		ViewHolder viewHolder;
		if (convertView == null) {
			view = LayoutInflater.from(getContext()).inflate(resourceId, null);
			viewHolder = new ViewHolder();
			viewHolder.fruitImage = (ImageView) view.findViewById (R.id.fruit_image);
			viewHolder.fruitName = (TextView) view.findViewById (R.id.fruit_name);
			view.setTag(viewHolder); // 将ViewHolder存储在View中
		} else {
			view = convertView;
			viewHolder = (ViewHolder) view.getTag(); // 重新获取ViewHolder
		}
		viewHolder.fruitImage.setImageResource(fruit.getImageId());
		viewHolder.fruitName.setText(fruit.getName());
		return view;
	}

	class ViewHolder {
			
			ImageView fruitImage;
			
			TextView fruitName;
			
		}

}

 自定义的item.xml,可以展示图片和文本

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="10dip" />

</LinearLayout>

                看到上面的代码,你是不是觉得有点摸不着头脑呢?没关系,我来帮你理一理,首先我们知道listview里面包含了许多item,这些item结构是一样的,内容不一定样。在代码中就表现为item.xml文件是公用的,只不过在加载每个item时,加载的图片和文字根据提供的数据来确定,这个工作就在getView函数中完成,最终返回一个item的view,显示在界面上。如此一来,我们就知道了后台数据如何通过适配器显示在界面上的。

            我使用一些水果图片作为演示,如下图,此时运行结果

          怎么样,效果还不错吧!但是只有界面,没有交互是不行的。

             与listview的交互

           

listView.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				String fruitName = fruitList.get(position).getName();
				if(fruitName.equals("Apple")){
					Fragment1 fragment1 = new Fragment1();
					FragmentManager fragmentManager1 = getFragmentManager();
					FragmentTransaction transaction1 = fragmentManager1. beginTransaction();
					transaction1.replace(R.id.right_layout, fragment1);
					transaction1.addToBackStack(null);
					transaction1.commit();
				}
				else if(fruitName.equals("Banana")){
					Fragment2 fragment2 = new Fragment2();
					FragmentManager fragmentManager2 = getFragmentManager();
					FragmentTransaction transaction2 = fragmentManager2. beginTransaction();
					transaction2.replace(R.id.right_layout, fragment2);
					transaction2.addToBackStack(null);
					transaction2.commit();
				}
				else if(fruitName.equals("Orange")){
					RightFragment fragment = new RightFragment();
					FragmentManager fragmentManager = getFragmentManager();
					FragmentTransaction transaction = fragmentManager. beginTransaction();
					transaction.replace(R.id.right_layout, fragment);
					transaction.addToBackStack(null);
					transaction.commit();
				}
				else {}
			}
		});

             上面的代码,你可能看得不大懂,没关系,你只需要知道,交互时,添加一个OnItemClickListener()监听器就行了 ,至于监听器的实现就要看你要实现什么功能了。

 

上面是我使用listview和fragment制作的一个测试程序的部分运行截图,一个activity被分为两块,左边的fragment放listview,右边的fragment用来显示详细内容。看过Fragment的使用和listview的使用,应该不难理解。如需具体代码,可下载代码附件。

  • 大小: 12.9 KB
  • 大小: 31.5 KB
  • 大小: 24.7 KB
分享到:
评论

相关推荐

    Android ListView使用技巧

    本篇文章将深入探讨几个关键的Android ListView使用技巧,帮助你提升应用的用户体验和性能。 1. **适配器Adapter的使用** ListView的核心在于适配器,它负责将数据集转化为ListView可显示的视图。常见的适配器有...

    C# ListView使用例子ListView排列方式演示

    在这个"C# ListView使用例子ListView排列方式演示"中,我们将深入探讨如何利用ListView来展示数据,并对其进行排序。 ListView控件在Windows Forms应用程序中扮演着重要角色,它可以用来显示文件系统、数据库或其他...

    VS之listview使用

    本篇文章将深入探讨“VS之listview使用”,结合提供的博客链接,我们将涵盖ListView的基本使用、功能、以及如何在实际项目中应用。 1. **ListView控件简介** - ListView控件是Windows Forms的一部分,允许开发者以...

    c# listview 使用方法

    c# listview 使用方法c# listview 使用方法c# listview 使用方法c# listview 使用方法c# listview 使用方法c# listview 使用方法c# listview 使用方法c# listview 使用方法c# listview 使用方法c# listview 使用方法...

    C# listview使用demo

    本教程将通过一个简单的C# ListView使用示例,帮助你理解和掌握如何在Visual Studio 2013中操作这个控件。 首先,我们需要创建一个新的Windows Forms应用程序项目。在Visual Studio 2013中,选择“文件”&gt;“新建”&gt;...

    ListView学习(一)-ListView使用例子

    本教程将深入探讨ListView的使用,并通过两个实际的例子——一个简单的列表演示和一个聊天对话列表——来帮助你更好地理解和应用这个组件。 首先,我们来看`ListView`的基本结构。ListView由多个列表项(ListView ...

    wince中的listview使用

    综上所述,VS2008下的WinCE ListView使用涉及多个方面,包括控件的基本操作、数据添加、事件处理、视图样式以及数据绑定。通过熟练掌握这些知识点,开发者可以构建出功能丰富的WinCE界面应用。在实际项目中,可以...

    ListView使用ViewHolder模式提高效率

    "ListView使用ViewHolder模式提高效率"这一主题就是解决这个问题的关键知识点。 ViewHolder模式是Android开发中为了提升ListView性能而设计的一种优化策略。它通过减少findViewById的调用来改善视图的绘制速度。在...

    android listview使用方法demo

    总之,"android listview使用方法demo"是一个很好的学习资源,涵盖了ListView的基本使用和常见的扩展功能。通过研究这个Demo,开发者可以深入理解如何在Android应用中有效地使用ListView,展示和处理大量数据。

    Listview使用方法实例

    在这个“Listview使用方法实例”中,我们将深入探讨如何利用C#有效地操作ListView。 1. **初始化ListView** 初始化ListView控件时,我们需要在设计时或运行时设置其属性。例如,`View`属性决定显示的视图类型,`...

    [UI]Android列表ListView使用

    【UI】Android列表ListView使用 在Android开发中,ListView是一个非常重要的组件,它用于展示大量数据,通过滚动的方式节省屏幕空间。ListView通过Adapter机制将数据与视图进行绑定,实现数据与界面的分离,提高了...

    c#listview 使用大全例

    本篇文章将全面解析C#中的ListView控件的使用方法,帮助开发者更好地理解和运用这个控件。 一、ListView控件的基本结构与属性 ListView控件主要由以下几个部分组成:列(Columns)、项(Items)、子项(SubItems)...

    ListView使用案例

    ### ListView使用案例详解 #### ListView概述 `ListView` 控件是一种非常灵活且功能强大的 Windows Forms 控件,可以用来展示各种列表形式的数据,并提供多种视图模式(如图标、小图标、详细信息等)。通过设置 `...

    jQuery mobile listview使用

    可以使用 `.listview()` 方法初始化或更新 Listview,如 `$("#myList").listview("refresh")` 用来刷新 Listview,使其根据最新的DOM结构更新样式。 四、性能优化 1. **延迟增强** 为了提高性能,可以使用 `data...

    Android ListView使用SimpleAdapter示例

    ListView使用simpleAdapter填充实现,数据结构是HashMap,对应的我的博客地址是: http://blog.csdn.net/u012320459/article/details/47667869

    Android中ListView使用SimpleAdapter适配器实例

    Android中尝试气泡短信编程初探实例 ListView使用SimpleAdapter适配器详解 具体参考小魏博客:http://blog.csdn.net/xiaowei_cqu/article/details/7045497

    Android例子源码适合新手学习的listview使用源码.zip_Android编程_ListVivw范例_android_

    这个压缩包提供了一个适合新手学习的ListView使用的源码示例,可以帮助初学者理解如何在Android应用中实现一个功能完备的ListView。在这个例子中,我们将探讨以下几个关键知识点: 1. **ListView的基本使用**: - ...

    ListView使用方法

    ListView 使用方法 ListView 是 Android 中最常用的视图之一,用于显示列表数据。下面将详细介绍 ListView 的使用方法,包括创建 ListView、绑定网络数据、自定义子项等。 创建 ListView 首先,在 Android 的 XML...

    android ListView 使用 示例

    本教程将详细讲解如何在实际项目中使用ListView,并结合源码分析其工作原理。 首先,我们需要理解ListView的基本结构。ListView是由多个View(列表项)组成的,每个View对应数据集中的一个条目。Android通过Adapter...

    ListView 使用方法

    ### ListView 使用方法详解 在Windows Forms应用程序开发中,`ListView` 控件是非常常用的一个控件,它可以用来展示一系列的数据项,并且支持多种视图模式(如大图标、小图标、列表、详细信息等)。本文将详细介绍...

Global site tag (gtag.js) - Google Analytics