android 一个页面内 多个listview的实现

如果很平常的两个listview组件竖直放在linearLayout布局中，结果是：

两个listview 很独立，中间似乎有个分割线，完全吧他们分离了，各自独立滚动，如果上面的listview把整个屏幕占据了，那么下面的listview永远滚不上来了，看不到了。

网上关于这个话题大约有两种方法解决：

（1）有多少个listview就用多少个listview组件，然后放在一个LinearLayout布局里面，linearLayout布局在放入Scrollview中。

这样做，必须先计算出每个listview被对应的adapter适配之后的实际高度，然后设置listview为这个高度。再放入scrollview中ok了。

（2）不管有多少个listview，都放在一个listview，用一个adapter适配，在listview组件对应的数据存储结构list中，设置flag标志位，在adapter中再对不同的flag做不同的适配。

一开始，项目中使用的第一种方法，随着项目的进行，发现第一种方法会在很多种情况下不适应，最严重的问题，就是第一种方法非常耗时，已经到了一种无可忍受的地步了。

一个很常见的例子，城市列表，有两个list：热门城市、全部城市

假如用第一种方法，先计算两个listview在对应的adapter适配后的高度：

    public static void setListViewHeightBasedOnChildren(ListView listView) {
        ListAdapter listAdapter = listView.getAdapter();
        if (listAdapter == null) {
            return;
        }
        int totalHeight = 0;
        for (int i = 0; i < listAdapter.getCount(); i++) {
            View listItem = listAdapter.getView(i, null, listView);
            listItem.measure(0, 0);
            totalHeight += listItem.getMeasuredHeight();
        }

        ViewGroup.LayoutParams params = listView.getLayoutParams();
        params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
        listView.setLayoutParams(params);
    }

其实从这段代码中，和上面这个需求，问题已经可以看出来了。

adapter有一个方法getView，这个方法是如果这个listview的某行将要在屏幕上显示了，系统就会自动调用getview得到这个布局，然后显示。

也就是每次被调用的次数，只是屏幕上能显示的条数，最多也就是10条左右。

而一次计算高度就要对每一条调用getview，for循环里面：

View listItem = listAdapter.getView(i, null, listView);

是非常耗时的，尤其对于全部城市，几百条，3~4秒肯定是要的。所以面对这个需求，第一种方法是不可行。

除了耗时，第一种方法，维护性也不好。就比如，一个页面中，listview的数据是不定的，是动态计算得到的。用第一种方法分散到多个listview，对于一些事件监听，不好操作。

下面讲解下第二种方法的具体实现

拿上面城市列表具体

分两块：

1、数据dataList

2、adapter

1、datalist填充：

主要以一个flag标记，对于城市列表共有两种布局：

一个是头信息

一个是具体的城市

代码：

		cityList.clear();
        Map<String, Object> map1 = new HashMap<String, Object>();
        map1.put("city", new City(0, "热门城市", '#'));
        cityList.add(map1);

        List<City> cities = getHotCity();

        for (City city : cities) {
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("is_selected", false);
            map.put("city", city);
            cityList.add(map);
        }

        Map<String, Object> map2 = new HashMap<String, Object>();
        map2.put("city", new City(0, "全部城市", '$'));
        cityList.add(map2);

        index++;
        cities = getAllCity();

        for (City city : cities) {
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("is_selected", false);
            map.put("city", city);
            cityList.add(map);
        }

哦~这个好像没用到flag标记，直接判断city的name了~~~

2、adapter适配：

@Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        City city = (City) listData.get(position).get("city");
        String nameString = city.getName();
        if (nameString.compareTo("热门城市") == 0) {
            convertView = mInflater.inflate(headResource, null);
            ((TextView) convertView.findViewById(R.id.label)).setText("热门城市");
            return convertView;
        }
        if (nameString.compareTo("全部城市") == 0) {
            convertView = mInflater.inflate(headResource, null);
            ((TextView) convertView.findViewById(R.id.label)).setText("全部城市");
            return convertView;
        }

        convertView = mInflater.inflate(listResource, null);
        ((TextView) convertView.findViewById(R.id.label)).setText(nameString);
        ImageView isSelectedImageView = (ImageView) convertView.findViewById(R.id.is_selected);

//        boolean isSelected = (Boolean) listData.get(position).get("is_selected");

        int whichIsSelected = (Integer) listData.get(getCount() - 1).get("which_is_selected");

        if (city.getId() == whichIsSelected)
            isSelectedImageView.setBackgroundResource(R.drawable.is_selected_yes);
        else
            isSelectedImageView.setBackgroundResource(R.drawable.is_selected_no);

        return convertView;
    }

对于各行的点击操作也可以根据flag统一处理。维护起来非常方便。