码迷,mamicode.com
首页 > 移动开发 > 详细

安卓开发_浅谈ListView(自定义适配器)

时间:2015-09-01 21:24:52      阅读:364      评论:0      收藏:0      [点我收藏+]

标签:

ListView作为一个实际开发中使用率非常高的视图,一般的系统自带的适配器都无法满足开发中的需求,这时候就需要开发人员来自定义适配器使得ListView能够有一个不错的显示效果

 

有这样一个Demo ,实现图片文字混合列表

技术分享
 1 package com.example.work;
 2 
 3 import java.util.ArrayList;
 4 import java.util.HashMap;
 5 import java.util.List;
 6 
 7 
 8 import android.R.integer;
 9 import android.os.Bundle;
10 import android.app.Activity;
11 import android.view.Menu;
12 import android.view.View;
13 import android.widget.AdapterView;
14 import android.widget.Toast;
15 import android.widget.AdapterView.OnItemClickListener;
16 import android.widget.ListView;
17 
18 public class MainActivity extends Activity {
19     private ListView listview;
20     @Override
21     protected void onCreate(Bundle savedInstanceState) {
22         super.onCreate(savedInstanceState);
23         setContentView(R.layout.activity_main);
24         listview = (ListView) findViewById(R.id.id_list);
25         //这里设置三个列表项,每个列表项对应一个图片和对应的文字
26         //图片数组
27         int image[] = new int[]{R.drawable.tou1,R.drawable.tou3,R.drawable.he};
28         //文字数组
29         String text[] = {"连连看","斗地主","爱消除"};
30         List<HashMap<String,Object>> list = new ArrayList<HashMap<String,Object>>();
31         //将一个图片和一个文字放入一个map集合中,并将map集合依次加入到list集合中
32         for(int i=0;i<image.length;i++)
33         {
34             HashMap<String, Object> map = new HashMap<String, Object>();
35             map.put("text", text[i]);
36             map.put("image", image[i]);
37             list.add(map);
38         }
39         
40         //MyAdapter是自定义的适配器
41         MyAdapter myadapter = new MyAdapter(this, R.layout.layout_item, list);
42         listview.setAdapter(myadapter);
43         
44         //点击列表项的响应事件
45         listview.setOnItemClickListener(new OnItemClickListener() {
46 
47             @Override
48             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
49                     long arg3) {
50                 // TODO Auto-generated method stub
51                 Toast.makeText(MainActivity.this, "点击了第"+(arg2+1)+"项,内容:"+arg0.getItemAtPosition(arg2).toString(), 1).show();
52             }
53         });
54     }
55 
56 
57 
58 }
MainActivity

自定义适配器

技术分享
 1 package com.example.work;
 2 
 3 import java.util.ArrayList;
 4 import java.util.HashMap;
 5 import java.util.List;
 6 import java.util.Map;
 7 
 8 
 9 import android.content.Context;
10 import android.view.LayoutInflater;
11 import android.view.View;
12 import android.view.ViewGroup;
13 import android.widget.BaseAdapter;
14 import android.widget.ImageView;
15 import android.widget.TextView;
16 
17 public class MyAdapter extends BaseAdapter{
18     
19     private Context context;//上下文
20     private int resourceId;//列表项的布局文件
21     private List<HashMap<String, Object>> list; //数据源
22     public MyAdapter(Context context,int resourceId,List<HashMap<String,Object>> list)
23     {
24         this.context = context;
25         this.resourceId = resourceId;
26         this.list = list;
27     }
28     //得到列表项的个数,即数据源的数据条数
29     @Override
30     public int getCount() {
31         int count = 0;
32         if(list!=null)
33         return list.size();
34         return count;
35     }
36 
37     //得到对应position位置列表项的内容,即数据源list对应位置的数据
38     @Override
39     public Object getItem(int position) {
40         
41         return list.get(position);
42     }
43     
44     //得到列表项的id
45     @Override
46     public long getItemId(int position) {
47         // TODO Auto-generated method stub
48         return position;
49     }
50 
51     @Override
52     public View getView(int position, View convertView, ViewGroup parent) {
53         // TODO Auto-generated method stub
54         //提高对对象的复用
55         View view = null;
56         if(convertView!=null)
57         {
58             view = convertView;
59         }
60         else 
61         {
62             view = LayoutInflater.from(context).inflate(resourceId, parent,false);
63         }
64         
65         ViewHolder holder = (ViewHolder) view.getTag();
66         if(holder==null)
67         {
68             holder = new ViewHolder();
69             holder.textView = (TextView) view.findViewById(R.id.id_textview);
70             holder.image = (ImageView) view.findViewById(R.id.id_image);
71             view.setTag(holder);
72         }
73         //给相应位置的图片和文字赋内容
74         holder.textView.setText(list.get(position).get("text").toString());
75         holder.image.setImageResource((Integer) list.get(position).get("image"));
76         
77         //返回视图,这里的视图是一整个列表项的视图
78         return view;
79         
80         
81     }
82     
83     class ViewHolder
84     {
85         TextView textView;
86         ImageView image;
87     }
88     
89 
90 }
自定义适配器

主Activity布局文件

技术分享
 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5   
 6     tools:context=".MainActivity" >
 7 
 8    <ListView 
 9        android:layout_width="match_parent"
10        android:layout_height="match_parent"
11        android:id="@+id/id_list"
12        ></ListView>
13 </LinearLayout>
activity_main

列表项布局

技术分享
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="horizontal" >
 6     
 7     
 8     <ImageView android:layout_width="50dp"
 9         android:layout_height="50dp"
10         android:id="@+id/id_image"
11         />
12     <TextView 
13         android:layout_width="match_parent"
14         android:layout_height="wrap_content"
15         android:id="@+id/id_textview"
16         android:gravity="center_vertical"
17         android:textStyle="bold|italic"
18         />
19 </LinearLayout>
layout_item

效果图:

技术分享

安卓开发_浅谈ListView(ArrayAdapter数组适配器)

安卓开发_浅谈ListView(SimpleAdapter数组适配器)

 

安卓开发_浅谈ListView(自定义适配器)

标签:

原文地址:http://www.cnblogs.com/xqxacm/p/4776808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!