Android ListView操作处理

大家在Android开发过程中用的比较频繁应该就是ListView、GridView吧，不过ListView、GridView不仅仅只是用来作为显示而已，有时候可能需要来点击列表之中某一项把当前这一项中所显示数据给获取出来，或是改变当前这一项的数据、界面显示，这都是比较常见的。

那么该如何做呢？（难道给控件实现一个点击事件直接在点击事件里面获取控件显示的数据、直接改变该控件界面显示，这样是行不通的，往往会出现数据错乱、显示不正常，因为都没有明确指定要处理的是哪一项) ，在Adapter的getView方法中，应该明确去指定操作数据而不应该是直接操作控件，再用数据来操作控件，数据才是最真实的。

下面用ListView作为示例实现上述的操作：

效果图：

在res的drawable-hdpi文件下添加需要用到的一些图片

1.首先在主activity_main界面上添加一个ListView作为显示

[html]  view plain copy

1. <pre name="code" class="html"><RelativeLayout 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.     tools:context="com.it.listviewdemo.MainActivity" >  
6.       
7.     <ListView  
8.         android:id="@+id/main_lv"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="match_parent"  
11.         android:layout_margin="10dp"  
12.         android:dividerHeight="0dp"  
13.         android:divider="#f6f6f6"  
14.         android:scrollbars="none"  
15.         android:listSelector="@android:color/transparent" />  
16.   
17. </RelativeLayout>  

2.接着新建一个activity_qzone作为ListView每项要显示的布局

[html]  view plain copy

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="wrap_content"  
5.     android:orientation="vertical" >  
6.       
7.     <!-- 主显示布局 -->  
8.     <LinearLayout  
9.         android:id="@+id/qzone_main_ll"  
10.         android:layout_width="match_parent"  
11.         android:layout_height="wrap_content"  
12.         android:orientation="vertical" >  
13.           
14.         <!-- 第一部分布局 -->  
15.         <LinearLayout  
16.             android:layout_margin="10dp"  
17.             android:layout_width="match_parent"  
18.             android:layout_height="wrap_content"  
19.             android:orientation="horizontal" >  
20.             <!-- 头像 -->  
21.             <ImageView  
22.                 android:id="@+id/qzone_head_iv"  
23.                 android:layout_width="50dp"  
24.                 android:layout_height="50dp"  
25.                 android:scaleType="centerCrop"  
26.                 android:src="@drawable/hao123" />  
27.             <LinearLayout  
28.                 android:layout_marginLeft="10dp"  
29.                 android:layout_marginRight="10dp"  
30.                 android:layout_width="match_parent"  
31.                 android:layout_height="match_parent"  
32.                 android:orientation="vertical" >  
33.                 <!-- 昵称 -->  
34.                 <TextView  
35.                     android:id="@+id/qzone_name_tv"  
36.                     android:layout_width="wrap_content"  
37.                     android:layout_height="wrap_content"  
38.                     android:textSize="18sp"  
39.                     android:text="hao123" />  
40.                 <!-- 时间 -->  
41.                 <TextView  
42.                     android:id="@+id/qzone_time_tv"  
43.                     android:layout_marginTop="10dp"  
44.                     android:layout_width="wrap_content"  
45.                     android:layout_height="wrap_content"  
46.                     android:textSize="12sp"  
47.                     android:text="今天07:00" />    
48.             </LinearLayout>  
49.         </LinearLayout>  
50.       
51.         <!-- 第二部分布局 -->  
52.         <LinearLayout  
53.             android:layout_margin="10dp"  
54.             android:layout_width="match_parent"  
55.             android:layout_height="wrap_content"  
56.             android:orientation="vertical"  
57.             android:gravity="center_vertical"  
58.             >  
59.             <!-- 内容 -->  
60.             <TextView  
61.                 android:id="@+id/qzone_contents_tv"  
62.                 android:layout_width="wrap_content"  
63.                 android:layout_height="wrap_content"  
64.                 android:textSize="15sp"  
65.                 android:lineSpacingExtra="2dp"  
66.                 android:text="只是第一条显示数据而已."  
67.                 />  
68.         </LinearLayout>  
69.       
70.         <!-- 第三部分布局 -->  
71.         <LinearLayout  
72.             android:layout_margin="10dp"  
73.             android:layout_width="wrap_content"  
74.             android:layout_height="wrap_content"  
75.             android:orientation="vertical"  
76.             android:gravity="center_vertical"  
77.             >  
78.             <!-- 图片 -->  
79.             <ImageView  
80.                 android:id="@+id/qzone_picture_iv"  
81.                 android:layout_width="200dp"  
82.                 android:layout_height="200dp"  
83.                 android:scaleType="centerCrop"  
84.                 android:src="@drawable/hao123"  
85.                 />  
86.         </LinearLayout>  
87.             
88.     </LinearLayout>  
89.       
90.     <!-- 功能实现布局 -->  
91.     <LinearLayout  
92.         android:layout_margin="10dp"  
93.         android:layout_width="wrap_content"  
94.         android:layout_height="wrap_content"  
95.         android:orientation="vertical"  
96.         android:layout_gravity="right"  
97.         >  
98.         <!-- 赞功能 -->  
99.         <ImageView  
100.             android:id="@+id/qzone_like_iv"  
101.             android:layout_width="30dp"  
102.             android:layout_height="30dp"  
103.             android:scaleType="centerCrop"  
104.             android:src="@drawable/preview_like_icon_disable"  
105.             />  
106.     </LinearLayout>  
107.       
108.     <!-- 分割线 -->  
109.     <View  
110.         android:layout_width="match_parent"  
111.         android:layout_height="3dp"  
112.         android:background="#808080" />  
113.       
114. </LinearLayout>  

上面的布局：分为了两大块(主显示、功能实现)

 1.主要是为了方便看

 2.也是为了后面处理点击比较方便

3. 根据上面activity_qzone界面显示的（头像、昵称、时间、内容、图片、点赞）， 创建对应的实体类

[html]  view plain copy

1. public class Qzone implements Serializable {  
2.   
3.     private static final long serialVersionUID = -6074203749103731484L;  
4.     private Integer head;       //头像  
5.     private String name;        //昵称  
6.     private String time;        //时间  
7.     private String contents;    //内容  
8.     private Integer picture;    //图片  
9.     private boolean like;       //赞功能  
10.       
11.     public Qzone() {  
12.           
13.     }  
14.       
15.     public Qzone(Integer head, String name, String time, String contents,  
16.             Integer picture, boolean like) {  
17.         super();  
18.         this.head = head;  
19.         this.name = name;  
20.         this.time = time;  
21.         this.contents = contents;  
22.         this.picture = picture;  
23.         this.like = like;  
24.     }  
25.   
26.     public Integer getHead() {  
27.         return head;  
28.     }  
29.     public void setHead(Integer head) {  
30.         this.head = head;  
31.     }  
32.     public String getName() {  
33.         return name;  
34.     }  
35.     public void setName(String name) {  
36.         this.name = name;  
37.     }  
38.     public String getTime() {  
39.         return time;  
40.     }  
41.     public void setTime(String time) {  
42.         this.time = time;  
43.     }  
44.     public String getContents() {  
45.         return contents;  
46.     }  
47.     public void setContents(String contents) {  
48.         this.contents = contents;  
49.     }  
50.     public Integer getPicture() {  
51.         return picture;  
52.     }  
53.     public void setPicture(Integer picture) {  
54.         this.picture = picture;  
55.     }  
56.     public boolean isLike() {  
57.         return like;  
58.     }  
59.     public void setLike(boolean like) {  
60.         this.like = like;  
61.     }  
62.       
63. }  

4. Activity代码

MainActivity：

[html]  view plain copy

1. public class MainActivity extends Activity {  
2.   
3.     private ListView lv_main;  
4.     private List<Qzone> list;  
5.     private QzoneAdapter mAdapter;  
6.       
7.     @Override  
8.     protected void onCreate(Bundle savedInstanceState) {  
9.         super.onCreate(savedInstanceState);  
10.         setContentView(R.layout.activity_main);  
11.         initData();  
12.         initButton();  
13.     }  
14.   
15.     private void initButton() {  
16.         // TODO Auto-generated method stub  
17.         lv_main = (ListView) findViewById(R.id.main_lv);  
18.         lv_main.setAdapter(mAdapter);  
19.     }  
20.       
21.     /**  
22.      * 本地数据（测试）  
23.      */  
24.     private void initData() {  
25.         // TODO Auto-generated method stub  
26.         list = new ArrayList<Qzone>();      
27.         list.add(new Qzone(R.drawable.hao123, "hao123", "今天07:00", "只是第一条显示数据而已.", R.drawable.hao123, false));  
28.         list.add(new Qzone(R.drawable.baidu, "baidu", "今天08:00", "只是第二条显示数据而已.", R.drawable.baidu, false));  
29.         list.add(new Qzone(R.drawable.wy163, "wy163", "今天09:00", "只是第三条显示数据而已.", R.drawable.wy163, false));  
30.         list.add(new Qzone(R.drawable.weibo, "weibo", "今天10:00", "只是第四条显示数据而已.", R.drawable.weibo, false));  
31.         list.add(new Qzone(R.drawable.douban, "douban", "今天11:00", "只是第五条显示数据而已.", R.drawable.douban, false));  
32.         list.add(new Qzone(R.drawable.taobao, "taobao", "今天12:00", "只是第六条显示数据而已.", R.drawable.taobao, false));  
33.         list.add(new Qzone(R.drawable.youku, "youku", "今天13:00", "只是第七条显示数据而已.", R.drawable.youku, false));  
34.         list.add(new Qzone(R.drawable.qzone, "qzone", "今天14:00", "只是第八条显示数据而已.", R.drawable.qzone, false));  
35.         list.add(new Qzone(R.drawable.renren, "renren", "今天15:00", "只是第九条显示数据而已.", R.drawable.renren, false));  
36.         list.add(new Qzone(R.drawable.sina, "sina", "今天16:00", "只是第十条显示数据而已.", R.drawable.sina, false));  
37.         mAdapter = new QzoneAdapter(this, list);  
38.     }  
39. }  

MainActivity显示的是activity_main.xml

QzoneActivity:

[html]  view plain copy

1. public class QzoneActivity extends Activity {  
2.   
3.     private Qzone qzone;  
4.       
5.     private ImageView iv_head;  
6.     private TextView tv_name;  
7.     private TextView tv_time;  
8.     private TextView tv_contents;  
9.     private ImageView iv_picture;  
10.     private ImageView iv_like;  
11.       
12.     @Override  
13.     protected void onCreate(Bundle savedInstanceState) {  
14.         // TODO Auto-generated method stub  
15.         super.onCreate(savedInstanceState);  
16.         setContentView(R.layout.activity_qzone);  
17.         initButton();  
18.         initData();  
19.     }  
20.   
21.     private void initButton() {  
22.         // TODO Auto-generated method stub  
23.         iv_head = (ImageView) findViewById(R.id.qzone_head_iv);  
24.         tv_name = (TextView) findViewById(R.id.qzone_name_tv);  
25.         tv_time = (TextView) findViewById(R.id.qzone_time_tv);  
26.         tv_contents = (TextView) findViewById(R.id.qzone_contents_tv);  
27.         iv_picture = (ImageView) findViewById(R.id.qzone_picture_iv);  
28.         iv_like = (ImageView) findViewById(R.id.qzone_like_iv);  
29.     }  
30.       
31.     /**  
32.      * 获取到传递过来的数据，显示到相对应的控件上  
33.      */  
34.     private void initData() {  
35.         // TODO Auto-generated method stub  
36.         qzone = (Qzone) getIntent().getSerializableExtra("Qzone");  
37.         if(qzone != null){  
38.             iv_head.setImageResource(qzone.getHead());  
39.             tv_name.setText(qzone.getName());  
40.             tv_time.setText(qzone.getTime());  
41.             tv_contents.setText(qzone.getContents());  
42.             iv_picture.setImageResource(qzone.getPicture());  
43.             iv_like.setImageResource(qzone.isLike() ? R.drawable.like_icon : R.drawable.like_icon_disable);  
44.         }  
45.     }  
46. }  

QzoneActivity显示的是activity_qzone.xml

5. Adapter适配器

[html]  view plain copy

1. public class QzoneAdapter extends BaseAdapter implements OnClickListener {  
2.   
3.     private Activity act;  
4.     private LayoutInflater inflater;  
5.     private ViewHolder holder;  
6.     private List<Qzone> list;  
7.   
8.     public QzoneAdapter(Activity act, List<Qzone> list) {  
9.         this.act = act;  
10.         this.inflater = act.getLayoutInflater();  
11.         this.list = list;  
12.     }  
13.   
14.     @Override  
15.     public int getCount() {  
16.         // TODO Auto-generated method stub  
17.         return list.size();  
18.     }  
19.   
20.     @Override  
21.     public Object getItem(int position) {  
22.         // TODO Auto-generated method stub  
23.         return list.get(position);  
24.     }  
25.   
26.     @Override  
27.     public long getItemId(int position) {  
28.         // TODO Auto-generated method stub  
29.         return position;  
30.     }  
31.   
32.     @Override  
33.     public View getView(int position, View convertView, ViewGroup parent) {  
34.         // TODO Auto-generated method stub  
35.         if(convertView == null){  
36.             convertView = inflater.inflate(R.layout.activity_qzone , null);  
37.             holder = new ViewHolder();  
38.             holder.ll_main = (LinearLayout) convertView.findViewById(R.id.qzone_main_ll);  
39.             holder.iv_head = (ImageView) convertView.findViewById(R.id.qzone_head_iv);  
40.             holder.tv_name = (TextView) convertView.findViewById(R.id.qzone_name_tv);  
41.             holder.tv_time = (TextView) convertView.findViewById(R.id.qzone_time_tv);  
42.             holder.tv_contents = (TextView) convertView.findViewById(R.id.qzone_contents_tv);  
43.             holder.iv_picture = (ImageView) convertView.findViewById(R.id.qzone_picture_iv);  
44.             holder.iv_like = (ImageView) convertView.findViewById(R.id.qzone_like_iv);  
45.             convertView.setTag(holder);  
46.         }else{  
47.             holder = (ViewHolder) convertView.getTag();  
48.         }  
49.         Qzone qzone = list.get(position);     
50.         holder.iv_head.setImageResource(qzone.getHead());  
51.         holder.tv_name.setText(qzone.getName());  
52.         holder.tv_time.setText(qzone.getTime());  
53.         holder.tv_contents.setText(qzone.getContents());  
54.         holder.iv_picture.setImageResource(qzone.getPicture());  
55.   
56.         //  赞图标显示  
57.         holder.iv_like.setImageResource(qzone.isLike() ?  R.drawable.like_icon : R.drawable.like_icon_disable);  
58.           
59.         //  主显示布局设置一个标示, 实现点击   
60.         holder.ll_main.setTag(position);  
61.         holder.ll_main.setOnClickListener(this);  
62.           
63.         //  赞功能控件设置一个标示, 实现点击   
64.         holder.iv_like.setTag(position);  
65.         holder.iv_like.setOnClickListener(this);  
66.           
67.         return convertView;  
68.     }  
69.       
70.     private class ViewHolder{  
71.         LinearLayout ll_main;   //  主显示布局  
72.         ImageView iv_head;      //  头像  
73.         TextView tv_name;       //  昵称  
74.         TextView tv_time;       //  时间  
75.         TextView tv_contents;   //  内容  
76.         ImageView iv_picture;   //  图片  
77.         ImageView iv_like;      //  赞图标  
78.     }  
79.   
80.     @Override  
81.     public void onClick(View v) {  
82.         // TODO Auto-generated method stub  
83.         switch (v.getId()) {  
84.         //  主显示布局点击事件处理(获取之前设置的标示)  
85.         case R.id.qzone_main_ll:  
86.             IntentMethod((Integer) v.getTag());  
87.             break;  
88.         //  赞功能控件点击事件处理(获取之前设置的标示)  
89.         case R.id.qzone_like_iv:  
90.             LikeMethod((Integer) v.getTag());  
91.             break;  
92.   
93.         default:  
94.             break;  
95.         }  
96.     }  
97.   
98.     /**  
99.      * 跳转功能实现  
100.      * @param position  
101.      */  
102.     private void IntentMethod(int position) {  
103.         Toast.makeText(act, "进入"+list.get(position).getName()+"详细界面", Toast.LENGTH_SHORT).show();  
104.         Intent intent = new Intent(act, QzoneActivity.class);  
105.         intent.putExtra("Qzone", list.get(position));  
106.         act.startActivity(intent);  
107.     }  
108.   
109.     /**  
110.      * 赞功能实现  
111.      * @param position  
112.      */  
113.     private void LikeMethod(int position) {  
114.         list.get(position).setLike(!list.get(position).isLike());  
115.         notifyDataSetChanged(); //刷新列表  
116.           
117.         Qzone qzone = list.get(position);  
118.         Toast.makeText(act, qzone.isLike() ? "点赞"+qzone.getName() : qzone.getName()+"取消赞", Toast.LENGTH_SHORT).show();  
119.     }  
120.   
121. }  

在显示的赞图标的时候，利用数据作为条件使用三目运算符去判断要显示的图标

1. 在getView方法要执行某种操作，一般给控件设置一个Tag(标示) ,赋值position

[html]  view plain copy

1.  控件.setTag(position);  

2. position就是getView方法的参数，其实这个参数对应着ListView列表的Item(项)位置

[html]  view plain copy

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

3.为控件设置一个点击事件，然后就可以在点击事件方法获取到刚才设置的Tag(项)位置

[html]  view plain copy

1. int position = (Integer) v.getTag();