listview分组实现、性能优化及错位解决

于 2017-05-06 16:24:39 发布
阅读量416 收藏 1
点赞数 2
分类专栏： android开发 文章标签： android 性能优化 listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011451706/article/details/71271221
版权

listview是Android开发中最常见的组件之一。在项目开发中，经常需要将listview分组。关于listview分组的原理可以参考android之listview分组实现，简单说就是：将分组的内容和分组的标题按顺序统一放在一个list中，根据list中的内容决定展示分组标题还是分组内容。本文主要讨论分组listview优化的问题，第一部分“listview分组实现”只做一个简单介绍，代码详见：demo下载

一、listview分组实现

  1. activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout                      xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ListView
        android:id="@+id/lv_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</LinearLayout>
2. MainActivity.java

public class MainActivity extends AppCompatActivity {
    private Context mContext;
    private Button btn_compare;
    private ListView lv_list;

    private List<DataModel> list=null;
    private List<DataModel> groupkey=new ArrayList<DataModel>();
    private List<DataModel> aList = new ArrayList<DataModel>();
    private List<DataModel> bList = new ArrayList<DataModel>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mContext = this;

        btn_compare = (Button) findViewById(R.id.btn_compare);
        btn_compare.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(mContext, CompareActivity.class);
                startActivity(intent);
            }
        });
        lv_list = (ListView) findViewById(R.id.lv_list);
        initData();

    }

    private void initData(){
        list = new ArrayList<DataModel>();

        DataModel model = new DataModel();
        model.setTitle("------1------");
        groupkey.add(model);
        model = new DataModel();
        model.setTitle("------2------");
        groupkey.add(model);

        for(int i=0; i<8; i++){
            model = new DataModel();
            model.setContent("上海");
            model.setStartTime("20170505"+i);
            model.setStartTime("20170505"+(i+10));
            aList.add(model);
        }
        list.add(groupkey.get(0));
        list.addAll(aList);

        for(int i=0; i<25; i++){
            model = new DataModel();
            model.setStartTime("20170905"+i);
            model.setStartTime("20170905"+(i+10));
            model.setContent("科技");
            bList.add(model);
        }
        list.add(groupkey.get(1));
        list.addAll(bList);

        lv_list.setAdapter(new GroupListAdapter(mContext, groupkey, list));
    }
}
 3. GroupListAdapter.java

public class GroupListAdapter extends BaseAdapter {
    private Context mContext;
    private List<DataModel> list_group = new ArrayList<DataModel>();
    private List<DataModel> list_event = new ArrayList<DataModel>();

    public GroupListAdapter(Context context, List<DataModel> list_group, List<DataModel> list_event){
        mContext = context;
        this.list_group = list_group;
        this.list_event = list_event;
    }

    @Override
    public int getCount() {
        return list_event.size();
    }

    @Override
    public DataModel getItem(int position) {
        return list_event.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View view=convertView;
            if(list_group.contains(getItem(position))){
                view= LayoutInflater.from(getApplicationContext()).inflate(R.layout.list_group_items, null);
                TextView tv_content = (TextView) view.findViewById(R.id.tv_content);
                tv_content.setText(getItem(position).getContent());
            }else{
                view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.list_items, null);
                TextView tv_start_time = (TextView) view.findViewById(R.id.tv_start_time);
                TextView tv_end_time = (TextView) view.findViewById(R.id.tv_end_time);
                TextView tv_content = (TextView) view.findViewById(R.id.tv_content);  
                tv_start_time.setText(getItem(position).getStartTime());        
                tv_end_time.setText(getItem(position).getEndTime());          
                tv_content.setText(getItem(position).getContent());
            }
            return convertView;
    }

    @Override
    public boolean isEnabled(int position) {
        if (list_group.contains(list_event.get(position))){
            return false;
        }

        return super.isEnabled(position);
    }
}
 4. DataModel.java

public class DataModel {
    private String title;
    private String startTime;
    private String endTime;
    private String content;

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getStartTime() {
        return startTime;
    }

    public void setStartTime(String startTime) {
        this.startTime = startTime;
    }

    public String getEndTime() {
        return endTime;
    }

    public void setEndTime(String endTime) {
        this.endTime = endTime;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }
}
 5. list_group_items.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="30dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="5dp"
    android:paddingBottom="5dp"
    android:layout_gravity="center_vertical"
    android:background="#efeff4">

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#f00"
        android:textSize="16sp"
        android:text="------1------" />
</RelativeLayout>
 5. list_items.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:id="@+id/ll_list_items"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:background="#fff">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:orientation="vertical">
            <TextView
                android:id="@+id/tv_start_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="12sp"
                android:layout_gravity="right"
                android:text="8:00"/>
            <TextView
                android:id="@+id/tv_end_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:textSize="12sp"
                android:text="9:00"/>
        </LinearLayout>

        <View
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:padding="5dp"
            android:background="#f73066d4"/>

        <TextView
            android:id="@+id/tv_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_gravity="center"
            android:singleLine="true"
            android:textSize="16sp"
            android:text="测试数据"
            />
    </LinearLayout>

</LinearLayout>

二、listview分组优化

上面的代码并没有对listview优化，listview最常用的优化方法就是使用ViewHolder。我们只需要对GroupListAdapter.java进行修改。

public class GroupListAdapter extends BaseAdapter {
    private Context mContext;
    private List<DataModel> list_group = new ArrayList<DataModel>();
    private List<DataModel> list_event = new ArrayList<DataModel>();

    public GroupListAdapter(Context context, List<DataModel> list_group, List<DataModel> list_event){
        mContext = context;
        this.list_group = list_group;
        this.list_event = list_event;
    }

    @Override
    public int getCount() {
        return list_event.size();
    }

    @Override
    public DataModel getItem(int position) {
        return list_event.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder viewHolder;
            if (convertView == null){
                viewHolder = new ViewHolder();
                if (list_group.contains(getItem(position))){
                    convertView = View.inflate(mContext, R.layout.list_group_items, null);
                    viewHolder.tv_content = (TextView) convertView.findViewById(R.id.tv_content);
                }else{
                    convertView = View.inflate(mContext, R.layout.list_items, null);
                    viewHolder.tv_start_time = (TextView) convertView.findViewById(R.id.tv_start_time);
                    viewHolder.tv_end_time = (TextView) convertView.findViewById(R.id.tv_end_time);
                    viewHolder.tv_content = (TextView) convertView.findViewById(R.id.tv_content);
                }
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }

            if(viewHolder.tv_start_time != null) {
                viewHolder.tv_start_time.setText(getItem(position).getStartTime());
            }
            if(viewHolder.tv_end_time != null) {
                viewHolder.tv_end_time.setText(getItem(position).getEndTime());
            }
            viewHolder.tv_content.setText(getItem(position).getTitle());
            return convertView;
    }

    @Override
    public boolean isEnabled(int position) {
        if (list_group.contains(list_event.get(position))){
            return false;
        }

        return super.isEnabled(position);
    }


    class ViewHolder{
        LinearLayout ll_list_items;
        RelativeLayout rl_group_items;
        TextView tv_start_time, tv_end_time, tv_content, tv_title;
    }
}

虽然对listview性能优化了，但是当快速滑动listview时，会出现错位问题。

三、解决listview分组优化错位问题

为了解决listview分组优化错位问题，我们将分组标题和分组内容item放在同一个item中，判断getItem(position)是否包含在list_group中（即当前getItem(position)是否为分组标题），决定显示分组标题还是分组内容。
我们再次修改GroupListAdapter.java：

public class GroupListAdapter extends BaseAdapter {
    private Context mContext;
    private List<DataModel> list_group = new ArrayList<DataModel>();
    private List<DataModel> list_event = new ArrayList<DataModel>();

    public GroupListAdapter(Context context, List<DataModel> list_group, List<DataModel> list_event){
        mContext = context;
        this.list_group = list_group;
        this.list_event = list_event;
    }

    @Override
    public int getCount() {
        return list_event.size();
    }

    @Override
    public DataModel getItem(int position) {
        return list_event.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null){
            viewHolder = new ViewHolder();
            convertView = View.inflate(mContext, R.layout.list_items, null);
            viewHolder.ll_list_items = (LinearLayout) convertView.findViewById(R.id.ll_list_items);
            viewHolder.tv_start_time = (TextView) convertView.findViewById(R.id.tv_start_time);
            viewHolder.tv_end_time = (TextView) convertView.findViewById(R.id.tv_end_time);
            viewHolder.tv_content = (TextView) convertView.findViewById(R.id.tv_content);
            viewHolder.rl_group_items = (RelativeLayout) convertView.findViewById(R.id.rl_group_items);
            viewHolder.tv_title = (TextView) convertView.findViewById(R.id.tv_title);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }

        if (list_group.contains(getItem(position))){
            viewHolder.ll_list_items.setVisibility(View.GONE);
            viewHolder.rl_group_items.setVisibility(View.VISIBLE);
            viewHolder.tv_title.setText(getItem(position).getTitle());
        } else {
            viewHolder.ll_list_items.setVisibility(View.VISIBLE);
            viewHolder.rl_group_items.setVisibility(View.GONE);
            viewHolder.tv_start_time.setText(getItem(position).getStartTime());
            viewHolder.tv_end_time.setText(getItem(position).getEndTime());
            viewHolder.tv_content.setText(getItem(position).getContent());
        }
            return convertView;
    }

    @Override
    public boolean isEnabled(int position) {
        if (list_group.contains(list_event.get(position))){
            return false;
        }

        return super.isEnabled(position);
    }


    class ViewHolder{
        LinearLayout ll_list_items;
        RelativeLayout rl_group_items;
        TextView tv_start_time, tv_end_time, tv_content, tv_title;
    }
}

这样就能实现listview分组性能优化，并解决分组错位问题。但是无论item是分组标题还是分组内容，都需要同时渲染分组标题和分组内容，只是简单的进行了隐藏，性能并不是最好的。大家如果有更好的方法，可以贴出来讨论。
运行结果

又是美好一天
关注
专栏目录
2020年大厂Android高级工程师面试题整理；Java+性能优化+APP开发+NDK+跨平台技术
chuhe1989的博客
02-11 3595
写在前面； 最近有很多同学在交流群里求大厂面试题。正好我电脑里面有这方面的整理，于是就发上来分享给大家。 这些题目是网友去百度、小米、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。 主要分为以下几部分： （1）java面试题 （2）Android面试题 （3）高级开发技术面试题 （4）跨平台Hyb...
Android高级工程师面试题-字节跳动面试，Android布局优化之include、merge、ViewStub的使用
m0_65511807的博客
12-22 256
6、四大组件及生命周期；ContentProvider的权限管理(读写分离，权限控制-精确到表级，URL控制)；Activity的四种启动模式对比；Activity状态保存于恢复； 7、什么是AIDL 以及如何使用； 8、请解释下在单线程模型中Message、Handler、Message Queue、Looper之间的关系； 9、Fragment生命周期；Fragment状态保存startActivityForResult是哪个类的方法，在什么情况下使用，如果在Adapter中使用应该如何解耦； 10、A
ListView分组显示
07-13
可以对ListView实现按照自己需求进行分组，比如像手机联系人那样，根据A、B、C、D等大写字母对联系人姓名进行分组显示。
Android学习系列(9)--App列表之分组ListView
dianan1505的博客
06-07 255
吸引用户的眼球，是我们至死不渝的追求； 第一时间呈现最有价值的信息，简明大方，告诉客户，你的选择是多么的明智，这正是你寻觅已久的东西。 分组的应用场合还是很多的，有数据集合的地方往往要分组显示； 分组的形式也很多，最常见的就是镶嵌在列表中，网上说的很多ExpandListView的也是一种。 Android自带的通讯录中的联系人是按...
Listview分组
helpbs
12-05 115
吸引用户的眼球，是我们至死不渝的追求； 第一时间呈现最有价值的信息，简明大方，告诉客户，你的选择是多么的明智，这正是你寻觅已久的东西。 分组的应用场合还是很多的，有数据集合的地方往往要分组显示； 分组的形式也很多，最常见的就是镶嵌在列表中，网上说的很多ExpandListView的也是一种。 Android自带的通讯录中的联系人是按照拼音首字母(A,B,...
Android学习小Demo（12）TodoList实现ListView的分组实现
maozhuxigood
03-08 471
很多情况下， 我们想要ListView上面展示的东西是可以分组的，比如联系人列表，国家列表啊，这样看起来数据的展现比较有层次感，而且也有助于我们快速定位到某一个具体的条目上，具体效果请看下图： 这是前面TodoList小demo的MainActivity，主要是来展现用户添加的任务的，在原来的基础上添加了分组的效果。 接下来我们具体来讲一下这个效果是怎么实现的。 这是利用开源库Stick...
ListView 实现分组
weixin_34240657的博客
01-03 96
1:FragmentHack4.java /** * Created by y on 15-1-2. */ public class FragmentHack4 extends Fragment{ View view; List&lt;String&gt; names; ListView lvNames; NameSectionAda...
Android ListView错位问题之背景色错位
09-01
通过以上方法，通常可以解决ListView背景色错位的问题。在实际开发中，应根据具体情况进行调整和优化，确保用户体验的顺畅和一致性。同时，良好的编程习惯和代码组织也有助于避免这类问题的发生。
Android-Pinned-Header-Listview
07-02
总的来说，"Android-Pinned-Header-Listview"是一个强大的工具，能够帮助开发者轻松实现ListView的分组头部固定效果，提升应用的用户体验。只要合理使用和优化，就能在众多的Android应用中脱颖而出，增加用户满意度...
android关于listview之列表分组
09-29
android关于listview之列表分组，像Q上一样显示列表项
listview分组
01-02 137
{"result":"0","newWork":[{"type":"发文管理","num":"1001","fileType":"公司发文","link":"yljoa/fwgl.nsf","form":"FmFile"},{"type":"发文管理","num":"1002","fileType":"部门发文-新处理笺","link":"yljoa/fwgl.nsf","form":"BmFmF
ListView 分组展示
韩万杰的博客
03-29 437
import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, ListView, TouchableOpacity, } from 'react-native';// var Car = require('./Car.json');export
ListView分组方法
a314773862的博客
05-11 645
方法一：将分类信息（Title和Content）都写在ItemtView中：只显示分类的第一个 实现比较简单。 缺点: 因为每一个itemview都包含两个，需要隐藏title的情况下，相当于多耗费相应的内存。当点击分类的时候会选中第一项. 方法二：通过ListView加载不同类型的Item实现： 实现关键点:  与自定义Adapter的ListVIew雷同，只是多使用两个Ba
Group Items in Delphi's TListView Control
iseekcode的专栏
10-18 1286
 By Zarko Gajic, The TListView Delphi control displays and manages a list of items, displayed in columns, vertically or horizontally, with small or large icons. Windows XP, and later versions,
Android ListView分组布局改进
party
07-15 95
转自：程序开发技术交流分享 由于是在网上转载的一篇文章，在这里就不多说废话了，首先看一下最终的效果图： 然后是实现该ListView布局的主要代码： 1、程序主界面 SeparateListView.java package whu.iss.wuxianglong; import java.util.ArrayList; import java.util.List; import andr...
Android ListView拖拽移位实现及优化
Android ListView 和 GridView 拖拽移位具体实现及拓展 Android ListView 和 GridView 是 Android 应用程序中两个常用的视图控件，用于显示列表数据。然而，随着移动设备的普及，用户体验变得越来越重要，拖拽移位...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值