`
daoshud1
  • 浏览: 556598 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Android 自定义ListView

阅读更多
本文讲实现一个自定义列表的Android程序,程序将实现一个使用自定义的适配器(Adapter)绑定
数据,通过contextView.setTag绑定数据有按钮的ListView。
系统显示列表(ListView)时,首先会实例化一个适配器,本文将实例化一个自定义的适配器。实现
自定义适配器,必须手动映射数据,这时就需要重写getView()方法,系统在绘制列表的每一行的时候
将调用此方法。
ListView在开始绘制的时候,系统自动调用getCount()函数,根据函数返回值得到ListView的长度,
然后根据这个长度,调用getView()逐一画出每一行。
具体使用方法可以参考下面代码,只需记住Android自定义ListView三步骤:
第一步:准备主布局文件、组件布局文件等
第二步:获取并整理数据
第三部:绑定数据,这里我们是通过自己编写Adapter类来完成的
1.首先新建一个list.XML
<?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" >
    <LinearLayout android:layout_width="match_parent"
	    android:layout_height="match_parent"
	    android:orientation="horizontal" android:background="#f1e4f1">
        <ImageView 
            android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <TextView 
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#666872"/>
        <Button 
            android:id="@+id/view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="详细"/>
    </LinearLayout>
	<TextView 
	    android:id="@+id/info"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:textColor="#666872"/>
</LinearLayout>

2、新建一个适配器类MyAdspter.java
public class MyAdspter extends BaseAdapter {

	private List<Map<String, Object>> data;
	private LayoutInflater layoutInflater;
	private Context context;
	public MyAdspter(Context context,List<Map<String, Object>> data){
		this.context=context;
		this.data=data;
		this.layoutInflater=LayoutInflater.from(context);
	}
	/**
	 * 组件集合,对应list.xml中的控件
	 * @author Administrator
	 */
	public final class Zujian{
		public ImageView image;
		public TextView title;
		public Button view;
		public TextView info;
	}
	@Override
	public int getCount() {
		return data.size();
	}
	/**
	 * 获得某一位置的数据
	 */
	@Override
	public Object getItem(int position) {
		return data.get(position);
	}
	/**
	 * 获得唯一标识
	 */
	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		Zujian zujian=null;
		if(convertView==null){
			zujian=new Zujian();
			//获得组件,实例化组件
			convertView=layoutInflater.inflate(R.layout.list, null);
			zujian.image=(ImageView)convertView.findViewById(R.id.image);
			zujian.title=(TextView)convertView.findViewById(R.id.title);
			zujian.view=(Button)convertView.findViewById(R.id.view);
			zujian.info=(TextView)convertView.findViewById(R.id.info);
			convertView.setTag(zujian);
		}else{
			zujian=(Zujian)convertView.getTag();
		}
		//绑定数据
		zujian.image.setBackgroundResource((Integer)data.get(position).get("image"));
		zujian.title.setText((String)data.get(position).get("title"));
		zujian.info.setText((String)data.get(position).get("info"));
		return convertView;
	}

}

关于上面LayoutInflater的使用:在实际开发种LayoutInflater这个类还是非常有用的。它的作用类似
于 findViewById(),不同点是LayoutInflater是用来找layout下xml布局文件,并且会实例化!。
getView()的三个参数:position表示将显示的是第几行,covertView是从布局文件中inflate来的布
局。我们用LayoutInflater的方法将定义好的list.xml文件提取成View实例用来显示。然后将xml文件
中的各个组件实例化,这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为
它添加点击监听器,这样就能捕获点击事件。
3、activity_main.xml中添加ListView控件
<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" >
	<ListView 
	    android:id="@+id/list"
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent"></ListView>
</RelativeLayout>

4、在activity中调用ListView
public class MainActivity extends Activity {

	private ListView listView=null;	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		listView=(ListView)findViewById(R.id.list);
		List<Map<String, Object>> list=getData();
		listView.setAdapter(new MyAdspter(this, list));
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	public List<Map<String, Object>> getData(){
		List<Map<String, Object>> list=new ArrayList<Map<String,Object>>();
		for (int i = 0; i < 10; i++) {
			Map<String, Object> map=new HashMap<String, Object>();
			map.put("image", R.drawable.ic_launcher);
			map.put("title", "这是一个标题"+i);
			map.put("info", "这是一个详细信息"+i);
			list.add(map);
		}
		return list;
	}
}


  • 大小: 216.9 KB
分享到:
评论

相关推荐

    Android 自定义ListView(下拉刷新PullToRefreshListView 上拉加载LoadListView)

    Android 自定义ListView,分别实现下拉刷新的ListView及上拉加载的ListView 详情可以参考我的博客 http://blog.csdn.net/sunshanai/article/details/51622917

    android 自定义listview分组显示本地json格式数据

    总结,实现“android 自定义listview分组显示本地json格式数据”需要完成以下步骤:解析本地JSON数据、创建自定义Adapter、处理点击事件以及设置HeaderListView。通过这样的方式,我们可以在Android应用中构建出一个...

    Android自定义ListView图片从服务端获取

    总之,Android自定义ListView从服务端获取图片涉及网络请求、图片加载库、缓存策略、ListView优化等多个环节,需要综合考虑性能和用户体验。通过熟练掌握这些技术,我们可以创建出高效、流畅的ListView应用。

    Android 自定义ListView实现底部分页刷新与顶部下拉刷新

    Android 自定义ListView实现底部分页刷新与顶部下拉刷新 一.ListView 底部分页加载 整个底部分页加载,主要分一下几步: 1.加载底部自定义View; 2.响应OnScrollListener监听事件,onScroll方法记录最后可见的View ...

    android自定义Listview

    在这个项目中,"android自定义Listview" 涉及到了如何根据实际需求来定制ListView的行为、外观以及交互方式。 一、自定义ListView的基础 1. **Adapter**:ListView的工作原理是通过Adapter来连接数据源与视图。...

    Android 自定义ListView + Gallery 组合

    在Android开发中,...总的来说,Android自定义ListView与Gallery组合的实现涉及到了数据绑定、视图复用、事件监听等多个核心知识点,通过熟练掌握这些技能,开发者可以构建出功能强大、用户体验优良的Android应用。

    android 自定义listview无法响应点击事件OnItemClickListener

    以上是关于“android 自定义listview无法响应点击事件OnItemClickListener”这一问题的详细分析和解决策略。在实际开发中,遇到此类问题,可以根据这些点逐一排查,通常能够找到问题所在并解决。对于Test2这个压缩包...

    android自定义listview滑动删除

    总结来说,这个"android自定义listview滑动删除"案例涵盖了Android自定义组件、事件监听、布局设计和动画应用等多个方面,对于提升Android开发者的UI交互设计和性能优化能力非常有帮助。通过学习和实践这个案例,你...

    android自定义listview使用方法

    本教程将详细讲解如何在Android中实现自定义ListView,包括基本的ListView、带图片的ListView以及带有按钮的ListView。 1. **基本的ListView** - 首先,你需要在布局文件中添加ListView元素,并为其设置ID。例如:...

    Android自定义ListView下拉刷新实例.rar

    Android自定义ListView下拉刷新实例,CustomListView源码演示包,Android自定义的下拉刷新的实例,源代码完整,带有一整套资源文件,有APK运行环境的朋友可拷贝上测试一下,或直接在Android手机内运行看效果。

    Android 自定义ListView 上下拉动刷新

    首先,"Android 自定义ListView 上下拉动刷新"这个主题涉及到的核心功能是PullToRefresh,也就是用户通过手势向下拉更新数据(下拉刷新)和向上拉加载更多数据(上拉加载)。这一功能在许多应用中被广泛应用,它提高...

    Android自定义ListView实现仿微信侧滑删除

    在Android开发中,ListView是一种常用的组件,用于展示可滚动的多行数据列表。...开发者可以通过阅读和学习这些代码,加深对Android自定义ListView和PopupWindow的理解,从而更好地实现自己的项目需求。

    android 自定义listview实现仿微信/QQ设置界面demo

    这个“android自定义listview实现仿微信/QQ设置界面demo”就是一个实例,旨在教你如何打造类似的用户体验。下面我们将深入探讨相关知识点。 首先,我们了解ListView的基本结构。ListView是一个可滚动的视图,它显示...

    android 自定义ListView实现单选

    总结,自定义ListView实现单选是Android开发中常见的需求。通过创建自定义Adapter,处理点击事件,以及优化视图复用,我们可以轻松实现这一功能。同时,自定义ListView也能为开发者提供更大的灵活性,以满足各种复杂...

    Android 自定义listview 轻松实现360软件详情页

    在Android中,我们可以通过自定义ListView的Adapter和Header来实现这一特性。 1. **自定义ListView的步骤**: - 创建一个新的继承自`BaseAdapter`的Adapter类。在这个类中,你需要重写`getCount()`、`getItem()`、...

    Android中的自定义ListView

    参考链接提供的博客文章《Android自定义ListView实现详解》(https://blog.csdn.net/qq_34020487/article/details/89402562),作者详细介绍了自定义ListView的过程,包括创建自定义适配器、设置点击事件和优化性能...

    android 自定义 listview

    总之,自定义ListView是Android开发中的核心技能之一,它涉及到数据绑定、视图复用、事件处理等多个方面。通过熟练掌握自定义Adapter,我们可以创造出丰富多样的列表视图,满足各种复杂的界面需求。

    Android自定义ListView

    总结来说,"Android自定义ListView"项目涉及了Android开发中的基础组件使用和性能优化,以及如何根据需求定制和扩展ListView的功能。开发者可以通过这个项目学习到如何构建适应性强、用户体验良好的列表界面。

    Android 自定义ListView加载动画

    为了提升用户体验,我们常常会自定义ListView的加载动画,使其更具视觉吸引力。本篇将深入探讨如何为Android ListView实现四种不同的加载动画:左边飞入、旋转、从上飞入以及透明度变化。 首先,我们需要理解...

Global site tag (gtag.js) - Google Analytics