可伸缩展示的ListView

最新推荐文章于 2019-01-09 15:35:34 发布

尼古拉斯阳

最新推荐文章于 2019-01-09 15:35:34 发布

阅读量960

点赞数

【声明】此文出自指尖飞落的博客：http://blog.csdn.net/huntersnail

公司的项目是社区购物商城（o2o），大量的需要用到ListView的各种效果，ListView展开收起、头部(Head)和子部(Item)这种结构的ListView，特别是第二种用得最多。写过很多次了，在这里写记录一下自己的笔记，也希望能帮助到有需要的Coder。

一、首先上几种效果：

① ListView点击展开收起

② 头部(Head)和子部(Item)的ListView

③ Android 的系统组件ExpandableListView

相比较，三种ListView的效果都比较相似，第一种实现起来最简单，第二种比较复杂一点，第三种系统提供的拿过来直接用就可以，原始的样式非常Low,可以自己修改一下。

二、主要介绍：ListView点击展开收起的效果（第一种）

这篇博文主要介绍的是第一种ListView点击展开收起的效果，其他几种会在接下来的的博文中介绍。我们知道在BaseAdapter中有一个getCount()的方法，这个方法大家都不陌生，就是数据的数量值，这种简单的ListView点击展开收起的效果就是利用这个方法来做文章的。下面我们来看代码：

1、Activity

[java]view plaincopy 
   
 import java.util.ArrayList;  
 import java.util.List;  
   
 import android.os.Bundle;  
 import android.app.Activity;  
 import android.view.View;  
 import android.view.View.OnClickListener;  
 import android.widget.ImageView;  
 import android.widget.ListView;  
   
 /** 
  * 主页 
  *  
  * @author Endoon 2016-1-26 16:57:34 
  */  
 public class MainActivity extends Activity {  
     private MyAdapter myAdapter;  
     private ListView listView;  
     private List<String> list;  
     private View footView;  
     private ImageView ivDown;  
   
     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.activity_main);  
         listView = (ListView) findViewById(R.id.listview);  
         // 获得页脚布局  
         footView = getLayoutInflater().inflate(R.layout.view_foot, null);  
         ivDown = (ImageView) footView.findViewById(R.id.iv_down);  
   
         initData();  
   
         initEvent();  
     }  
   
     /** 
      * 初始化数据 
      */  
     private void initData() {  
         // 初始化模拟数据  
         simulateData();  
   
         // 添加页脚视图  
         listView.addFooterView(footView);  
         ivDown.setImageDrawable(getResources()  
                 .getDrawable(R.drawable.icon_down));  
   
         // 适配  
         myAdapter = new MyAdapter(MainActivity.this, list);  
         listView.setAdapter(myAdapter);  
     }  
   
     /** 
      * 初始化点击事件 
      */  
     private void initEvent() {  
         ivDown.setOnClickListener(new OnClickListener() {  
   
             @Override  
             public void onClick(View view) {  
                 // 判断getCount()数据的数量，如果等于3点击后就设置getCount()为全部数量，设置修改标识，刷新。  
                 // 否则，相反。  
                 if (myAdapter.getCount() == 3) {  
                     myAdapter.addItemNum(list.size());  
                     ivDown.setImageDrawable(getResources().getDrawable(  
                             R.drawable.icon_up));  
                     myAdapter.notifyDataSetChanged();  
                 } else {  
                     myAdapter.addItemNum(3);  
                     ivDown.setImageDrawable(getResources().getDrawable(  
                             R.drawable.icon_down));  
                     myAdapter.notifyDataSetChanged();  
                 }  
             }  
         });  
     }  
   
     /** 
      * 模拟数据 
      *  
      * @return 
      */  
     private List<String> simulateData() {  
         list = new ArrayList<String>();  
         for (int i = 0; i < 10; i++) {  
             String circleStr = "蓝色威尼斯城" + (i + 1) + "座";  
             list.add(circleStr);  
         }  
         return list;  
     }  
   
 }  

注意：这里的3是自定义的，可以根据自己实际项目需求修改。

2、Adapter

[java]view plaincopy 
   
 import java.util.List;  
   
 import android.content.Context;  
 import android.view.LayoutInflater;  
 import android.view.View;  
 import android.view.ViewGroup;  
 import android.widget.BaseAdapter;  
 import android.widget.TextView;  
   
 public class MyAdapter extends BaseAdapter {  
   
     private List<String> list;  
     private LayoutInflater inflater;  
     private int itemCount = 3;  
   
     public MyAdapter(Context context, List<String> list) {  
         this.list = list;  
         inflater = LayoutInflater.from(context);  
     }  
   
     @Override  
     public int getCount() {  
         // 这里是关键  
         // 如果数据数量大于3，只显示3条数据。这里数量自己定义。  
         // 否则，显示全部数量。  
         if (list.size() > 3)  
         {  
             return itemCount;  
         }else   
         {  
             return list.size();  
         }  
     }  
   
     @Override  
     public Object getItem(int position) {  
         return list.get(position);  
     }  
   
     @Override  
     public long getItemId(int position) {  
         return position;  
     }  
   
     @Override  
     public View getView(int position, View convertView, ViewGroup parent) {  
         ViewHolder viewHolder = null;  
           
         if (convertView == null) {  
             viewHolder = new ViewHolder();  
             convertView = inflater.inflate(R.layout.item_simple_listview, null);  
             viewHolder.tvCircleName = (TextView) convertView.findViewById(R.id.tv_circie_name);  
             convertView.setTag(viewHolder);  
         }else   
         {  
             viewHolder = (ViewHolder) convertView.getTag();  
         }  
         viewHolder.tvCircleName.setText(list.get(position));  
         return convertView;  
     }  
       
     class ViewHolder  
     {  
         TextView tvCircleName;  
     }  
       
     /** 
      * 点击后设置Item的数量 
      * @param number 
      */  
     public void addItemNum(int number)  
     {  
         itemCount = number;  
     }  
 }  