灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:1672回复:0

android之Listview的分组实现

楼主#
更多 发布于:2012-09-06 13:53

对于Listview的分组我们再熟悉不过了,因为Android自带的通讯录中的联系人信息就是使用的ListView分组,最近项目中用到了这个功能。所以趁着周末有时间,也更新下一篇这样的博客,希望对大家能够有帮助。


       其实对于分组的ListView和我们平时用的ListView没有多大差别,就是需要在适配器中的getView方法中做下判断。只要理解了这个,下面就好说了,下面我们看下实现代码。


       首先是main.xml布局:


[html] <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:background="#ffffff"
    Android:orientation="vertical" >

    <ListView
        Android:id="@+id/listView_list"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:background="#ffffff"
    Android:orientation="vertical" >


    <ListView
        Android:id="@+id/listView_list"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content" >
    </ListView>


</LinearLayout>
      因为listview要加载两种不同的item,所以要实现两个item布局,addexam_list_item.xml:


[html] <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:orientation="horizontal"  
    Android:padding="5dip">
    
  <ImageView
       Android:id="@+id/addexam_list_icon"
       Android:background="@drawable/ic_launcher"
       Android:layout_width="wrap_content"
       Android:layout_height="wrap_content"/>
    <TextView
       Android:id="@+id/addexam_list_item_text"
       Android:layout_width="wrap_content"
       Android:layout_height="wrap_content"
       Android:layout_gravity="center"
       Android:layout_marginLeft="10dp"
       Android:text="测试数据"/>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:orientation="horizontal"
    Android:padding="5dip">
  
  <ImageView
       Android:id="@+id/addexam_list_icon"
       Android:background="@drawable/ic_launcher"
       Android:layout_width="wrap_content"
       Android:layout_height="wrap_content"/>
    <TextView
       Android:id="@+id/addexam_list_item_text"
       Android:layout_width="wrap_content"
       Android:layout_height="wrap_content"
       Android:layout_gravity="center"
       Android:layout_marginLeft="10dp"
       Android:text="测试数据"/>
</LinearLayout>
     分组标签对应的布局addexam_list_item_tag.xml


[html] <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:background="#666666"
    Android:paddingLeft="10dp"
    Android:gravity="center_vertical"
    Android:orientation="vertical" >
    
<TextView
       Android:id="@+id/addexam_list_item_text"
       Android:layout_width="wrap_content"
       Android:layout_height="20dip"
       Android:textColor="#ffffff"
       Android:text="金融考试"
       Android:gravity="center_vertical"/>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:background="#666666"
    Android:paddingLeft="10dp"
    Android:gravity="center_vertical"
    Android:orientation="vertical" >
  
<TextView
       Android:id="@+id/addexam_list_item_text"
       Android:layout_width="wrap_content"
       Android:layout_height="20dip"
       Android:textColor="#ffffff"
       Android:text="金融考试"
       Android:gravity="center_vertical"/>
</LinearLayout>
   布局文件我们已经实现了,下面看下在程序中我们是怎么处理的吧!


[html] public class TestActivity extends Activity {
    /** Called when the activity is first created. */
    private List<String>  list=null;
    private List<String> groupkey=new ArrayList<String>();
     private List<String> aList = new ArrayList<String>();
      private List<String> bList = new ArrayList<String>();
    private ListView listview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        listview=(ListView) findViewById(R.id.listView_list);
        initData();
        MyAdapter adapter=new MyAdapter();
        listview.setAdapter(adapter);
        
    }
    public void initData(){
        list = new ArrayList<String>();
        
        groupkey.add("A组");
        groupkey.add("B组");
        
        for(int i=0; i<5; i++){
            aList.add("A组"+i);
        }
        list.add("A组");
        list.addAll(aList);
        
        for(int i=0; i<8; i++){
            bList.add("B组"+i);
        }
        list.add("B组");
        list.addAll(bList);
    }
    
    private class MyAdapter extends BaseAdapter{

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return list.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return list.get(position);
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return position;
        }
        @Override
        public boolean isEnabled(int position) {
            // TODO Auto-generated method stub
             if(groupkey.contains(getItem(position))){
                 return false;
             }
             return super.isEnabled(position);
        }
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            View view=convertView;
            if(groupkey.contains(getItem(position))){
                view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.addexam_list_item_tag, null);
            }else{
                view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.addexam_list_item, null);
            }
            TextView text=(TextView) view.findViewById(R.id.addexam_list_item_text);
            text.setText((CharSequence) getItem(position));
            return view;
        }
        
    }
}
public class TestActivity extends Activity {
    /** Called when the activity is first created. */
private List<String>  list=null;
private List<String> groupkey=new ArrayList<String>();
  private List<String> aList = new ArrayList<String>();
   private List<String> bList = new ArrayList<String>();
private ListView listview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
      
        listview=(ListView) findViewById(R.id.listView_list);
        initData();
        MyAdapter adapter=new MyAdapter();
        listview.setAdapter(adapter);
      
    }
    public void initData(){
        list = new ArrayList<String>();
      
        groupkey.add("A组");
        groupkey.add("B组");
      
        for(int i=0; i<5; i++){
         aList.add("A组"+i);
        }
        list.add("A组");
        list.addAll(aList);
      
        for(int i=0; i<8; i++){
            bList.add("B组"+i);
        }
        list.add("B组");
        list.addAll(bList);
    }
  
    private class MyAdapter extends BaseAdapter{


  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return list.size();
  }


  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return list.get(position);
  }


  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }
        @Override
        public boolean isEnabled(int position) {
         // TODO Auto-generated method stub
          if(groupkey.contains(getItem(position))){
                 return false;
             }
             return super.isEnabled(position);
        }
  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // TODO Auto-generated method stub
   View view=convertView;
   if(groupkey.contains(getItem(position))){
    view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.addexam_list_item_tag, null);
   }else{
    view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.addexam_list_item, null);
   }
   TextView text=(TextView) view.findViewById(R.id.addexam_list_item_text);
   text.setText((CharSequence) getItem(position));
   return view;
  }
    
    }
}
   代码好像挺简单,更我们平时使用lsitview也没多大区别,下面看看能不能实现呢


  运行一下:


\




喜欢0 评分0
游客

返回顶部