AndroidListView同一个item显示2列的实现方法(仿2列商品列表)

二呆

Android实战开发中，ListView控件用途十分广泛，各种自定义控件多种多样。当项目要求实现一个2列的商品列表形式的界面，我们首先肯定想到用ListView，然后我们可以使用百度的自定义ListView，当然也可以用以下方法实现。

Android实战开发中ListView同一个item显示2列的实现方法其实主要不在于ListView控件本身，是在于ListView的适配器Adapter的自定义方法，其实方法很简单，直接上代码就可以简而易懂了。

一、首先看最主要的Adapter代码：

1. package com.tongleer.demo.android.listview;
   
2. import java.util.ArrayList;
   
3. import java.util.List;
   
4. import com.tongleer.demo.android.R;
   
5. import android.content.Context;
   
6. import android.view.LayoutInflater;
   
7. import android.view.View;
   
8. import android.view.ViewGroup;
   
9. import android.view.View.OnClickListener;
   
10. import android.widget.BaseAdapter;
    
11. import android.widget.TextView;
    
12. import android.widget.Toast;
    
13. /**
    
14. * 2列ListView的适配器
    
15. * @author tongleer.com
    
16. *
    
17. */
    
18. public class MyAdapter extends BaseAdapter{
    
19.     protected Context context;
    
20.     protected LayoutInflater inflater;
    
21.     protected int resource;
    
22.     protected ArrayList<String> list;
    
23.     public MyAdapter(Context context, int resource, ArrayList<String> list){
    
24.         inflater = LayoutInflater.from(context);
    
25.         this.context = context;
    
26.         this.resource = resource;
    
27.         if(list==null){
    
28.             this.list=new ArrayList<>();
    
29.         }else{
    
30.             this.list = list;
    
31.         }
    
32.     }
    
33.     @Override
    
34.     public int getCount() {
    
35.         if(list.size()%2>0) {
    
36.             return list.size()/2+1;
    
37.         } else {
    
38.             return list.size()/2;
    
39.         }
    
40.     }
    
41.     @Override
    
42.     public Object getItem(int position) {
    
43.         return list.get(position);
    
44.     }
    
45.     @Override
    
46.     public long getItemId(int position) {
    
47.         return position;
    
48.     }
    
49.     @Override
    
50.     public View getView(int position, View convertView, ViewGroup parent) {
    
51.         ViewHolder vh = null;
    
52.         if (convertView == null ) {
    
53.             convertView = inflater.inflate(resource, null);
    
54.             vh = new ViewHolder();
    
55.             vh.tv1=(TextView)convertView.findViewById(R.id.tv1);
    
56.             vh.tv2=(TextView)convertView.findViewById(R.id.tv2);
    
57.             convertView.setTag(vh);
    
58.         }else {
    
59.             vh = (ViewHolder)convertView.getTag();
    
60.         }
    
61.         int distance =  list.size() - position*2;
    
62.         int cellCount = distance >= 2? 2:distance;
    
63.         final List<String> itemList = list.subList(position*2,position*2+cellCount);
    
64.         if (itemList.size() >0) {
    
65.             vh.tv1.setText(itemList.get(0));
    
66.             vh.tv1.setOnClickListener(new OnClickListener() {
    
67.                 @Override
    
68.                 public void onClick(View v) {
    
69.                     Toast.makeText(context, itemList.get(0), Toast.LENGTH_SHORT).show();
    
70.                 }
    
71.             });
    
72.             if (itemList.size() >1){
    
73.                 vh.tv2.setVisibility(View.VISIBLE);
    
74.                 vh.tv2.setText(itemList.get(1));
    
75.                 vh.tv2.setOnClickListener(new OnClickListener() {
    
76.                     @Override
    
77.                     public void onClick(View v) {
    
78.                         Toast.makeText(context, itemList.get(1), Toast.LENGTH_SHORT).show();
    
79.                     }
    
80.                 });
    
81.             }else{
    
82.                 vh.tv2.setVisibility(View.INVISIBLE);
    
83.             }
    
84.         }
    
85.         return convertView;
    
86.     }
    
87.     /**
    
88.      * 封装ListView中item控件以优化ListView
    
89.      * @author tongleer
    
90.      *
    
91.      */
    
92.     public static class ViewHolder{
    
93.         TextView tv1;
    
94.         TextView tv2;
    
95.     }
    
96. }

复制代码

二、然后看Activity和布局的代码：

1、Activity：

1. package com.tongleer.demo.android.listview;
   
2. import java.util.ArrayList;
   
3. import android.app.Activity;
   
4. import android.os.Bundle;
   
5. import android.widget.ListView;
   
6. import com.tongleer.demo.android.R;
   
7. /**
   
8. * 实现2列的ListView
   
9. * @author tongleer.com
   
10. *
    
11. */
    
12. public class MainActivity extends Activity{
    
13.     @Override
    
14.     protected void onCreate(Bundle savedInstanceState) {
    
15.         super.onCreate(savedInstanceState);
    
16.         setContentView(R.layout.activity_main);
    
17.         ListView lv = (ListView)findViewById(R.id.lv);
    
18.         ArrayList<String> list = new ArrayList<String>();
    
19.         for (int i = 0; i < 21; i++) {
    
20.             list.add("测试:"+i);
    
21.         }
    
22.         MyAdapter adapter = new MyAdapter(this,R.layout.moban,list);
    
23.         lv.setAdapter(adapter);
    
24.     }
    
25. }

复制代码

2、moban.xml布局：

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.     <TextView
   
7.         android:id="@+id/tv1"
   
8.         android:gravity="center"
   
9.         android:layout_weight="1"
   
10.         android:layout_width="0dp"
    
11.         android:layout_height="50dp"
    
12.         android:text="tv1" />
    
13.     <TextView
    
14.         android:id="@+id/tv2"
    
15.         android:gravity="center"
    
16.         android:layout_weight="1"
    
17.         android:layout_width="0dp"
    
18.         android:layout_height="50dp"
    
19.         android:text="tv2" />
    
20. </LinearLayout>

复制代码

3、activity_main_xml布局：

1. <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.tongleer.demo.android.listview.MainActivity" >
   
6.     <ListView
   
7.         android:id="@+id/lv"
   
8.         android:layout_width="match_parent"
   
9.         android:layout_height="match_parent" >
   
10.     </ListView>
    
11. </RelativeLayout>

复制代码