首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

列标头固定的联系人列表

作者：caihuiqian_558 | 来源：互联网 | 2023-10-12 09:33
项目中有一新的需求，要求能像一些Android机带“联系人列表”一样，数据可以自动分组，且在列表滑动过程中，列表头固定在顶部

 项目中有一新的需求&＃xff0c;要求能像一些Android机带“联系人列表”一样&＃xff0c;数据可以自动分组&＃xff0c;且在列表滑动过程中&＃xff0c;列表头固定在顶部&＃xff0c;效果图如下&＃xff1a;



  下面就带大家实现上面的效果&＃xff0c; 首先&＃xff0c;我们要介绍的一个重要的开源库&＃xff1a;StickyListHeaders&＃xff0c;它的Github地址是&＃xff1a;https://github.com/emilsjolander/StickyListHeaders&＃xff0c; 使用该库&＃xff0c;可以更加方便的实现ListView数据分组&＃xff0c;且Header固定在顶部。

  首先&＃xff0c;把github上的项目下载下来&＃xff0c;加压后&＃xff0c;可看到其中有一个library库&＃xff0c;我们需要将该库&＃xff08;Module&＃xff09;导入到新建的项目中&＃xff0c;并在自己的Module引入该Library。



  项目建成后&＃xff0c;开始使用该库进行开发&＃xff1a;

1. 布局中引入StickyListHeadersListView&＃xff1a;


[html] view plain copy
 print?
  1. xml version&＃61;"1.0" encoding&＃61;"utf-8"?>  
  2. <RelativeLayout xmlns:android&＃61;"http://schemas.android.com/apk/res/android"  
  3.     xmlns:tools&＃61;"http://schemas.android.com/tools"  
  4.     android:layout_width&＃61;"match_parent"  
  5.     android:layout_height&＃61;"match_parent"  
  6.     tools:context&＃61;".MainActivity">  
  7.   
  8.     <se.emilsjolander.stickylistheaders.StickyListHeadersListView  
  9.         android:id&＃61;"&＃64;&＃43;id/list"  
  10.         android:layout_width&＃61;"match_parent"  
  11.         android:layout_height&＃61;"match_parent"  
  12.         android:cacheColorHint&＃61;"#00000000"  
  13.         android:clipToPadding&＃61;"false"  
  14.         android:drawSelectorOnTop&＃61;"true"  
  15.         android:fastScrollEnabled&＃61;"true"  
  16.         android:listSelector&＃61;"#00000000"  
  17.         android:overScrollMode&＃61;"never"  
  18.         android:scrollbarStyle&＃61;"outsideOverlay" />  
  19.   
  20. RelativeLayout>  




2. 创建要显示的数据实体


[java] view plain copy
 print?
  1. public class LangyaSimple {  
  2.   
  3.     private String id;  
  4.     private String proj_id;  
  5.     private String title;  
  6.     private String desc;  
  7.     private String project_title;  
  8.   
  9.     public LangyaSimple(String id, String proj_id, String title, String desc, String project_title) {  
  10.         this.id &＃61; id;  
  11.         this.proj_id &＃61; proj_id;  
  12.         this.title &＃61; title;  
  13.         this.desc &＃61; desc;  
  14.         this. &＃61; project_title;  
  15.     }  
  16.   
  17.     public String getId() {  
  18.         return id;  
  19.     }  
  20.   
  21.     public void setId(String id) {  
  22.         this.id &＃61; id;  
  23.     }  
  24.   
  25.     public String getProj_id() {  
  26.         return proj_id;  
  27.     }  
  28.   
  29.     public void setProj_id(String proj_id) {  
  30.         this.proj_id &＃61; proj_id;  
  31.     }  
  32.   
  33.     public String getTitle() {  
  34.         return title;  
  35.     }  
  36.   
  37.     public void setTitle(String title) {  
  38.         this.title &＃61; title;  
  39.     }  
  40.   
  41.     public String getDesc() {  
  42.         return desc;  
  43.     }  
  44.   
  45.     public void setDesc(String desc) {  
  46.         this.desc &＃61; desc;  
  47.     }  
  48.   
  49.     public String getProject_title() {  
  50.         return project_title;  
  51.     }  
  52.   
  53.     public void setProject_title(String project_title) {  
  54.         this.project_title &＃61; project_title;  
  55.     }  
  56.   
  57.     &＃64;Override  
  58.     public String toString() {  
  59.         return "LangyaSimple{" &＃43;  
  60.                 "id&＃61;&＃39;" &＃43; id &＃43; &＃39;\&＃39;&＃39; &＃43;  
  61.                 ", proj_id&＃61;&＃39;" &＃43; proj_id &＃43; &＃39;\&＃39;&＃39; &＃43;  
  62.                 ", title&＃61;&＃39;" &＃43; title &＃43; &＃39;\&＃39;&＃39; &＃43;  
  63.                 ", desc&＃61;&＃39;" &＃43; desc &＃43; &＃39;\&＃39;&＃39; &＃43;  
  64.                 ", project_title&＃61;&＃39;" &＃43; project_title &＃43; &＃39;\&＃39;&＃39; &＃43;  
  65.                 &＃39;}&＃39;;  
  66.     }  
  67. }  




注: id是data数据的id&＃xff0c;proj_id是该数据所属的组的意思&＃xff0c;proj_title是该组的名字&＃xff1b;


3. 定义StickyListHeadersListView要显示的适配器&＃xff1a;


[java] view plain copy
 print?
  1. import android.app.Activity;  
  2. import android.view.LayoutInflater;  
  3. import android.view.View;  
  4. import android.view.ViewGroup;  
  5. import android.widget.BaseAdapter;  
  6. import android.widget.ImageView;  
  7. import android.widget.TextView;  
  8.   
  9. import java.util.List;  
  10.   
  11. import se.emilsjolander.stickylistheaders.StickyListHeadersAdapter;  
  12.   
  13. public class LangyaAdapter extends BaseAdapter implements StickyListHeadersAdapter {  
  14.   
  15.     private LayoutInflater inflater;  
  16.   
  17.     private List mPlanDetails;  
  18.   
  19.     public LangyaAdapter(Activity context, List mPlanDetails) {  
  20.         inflater &＃61; LayoutInflater.from(context);  
  21.         this.mPlanDetails &＃61; mPlanDetails;  
  22.   
  23.     }  
  24.   
  25.     &＃64;Override  
  26.     public int getCount() {  
  27.         return mPlanDetails.size();  
  28.     }  
  29.   
  30.     &＃64;Override  
  31.     public Object getItem(int position) {  
  32.         return mPlanDetails.get(position);  
  33.     }  
  34.   
  35.     &＃64;Override  
  36.     public long getItemId(int position) {  
  37.         return position;  
  38.     }  
  39.   
  40.     &＃64;Override  
  41.     public View getView(int position, View convertView, ViewGroup parent) {  
  42.         ViewHolder holder;  
  43.   
  44.         if (convertView &＃61;&＃61; null) {  
  45.             holder &＃61; new ViewHolder();  
  46.             convertView &＃61; inflater.inflate(R.layout.list_item_proj_plan, parent, false);  
  47.   
  48.             holder.img_plan &＃61; (ImageView) convertView.findViewById(R.id.img_plan);  
  49.   
  50.             holder.text_plan_name &＃61; (TextView) convertView.findViewById(R.id.text_plan_name);  
  51.             holder.text_plan_info &＃61; (TextView) convertView.findViewById(R.id.text_plan_info);  
  52.   
  53.             convertView.setTag(holder);  
  54.         } else {  
  55.             holder &＃61; (ViewHolder) convertView.getTag();  
  56.         }  
  57.   
  58.         LangyaSimple planDetail &＃61; this.mPlanDetails.get(position);  
  59.   
  60.         if (planDetail !&＃61; null) {  
  61.   
  62. //            ImageLoaderUtil.getInstance().displayListItemImage(imgUrl, holder.img_plan);  
  63.             holder.text_plan_name.setText(planDetail.getTitle());  
  64.             holder.text_plan_info.setText(planDetail.getDesc());  
  65.         }  
  66.   
  67.         return convertView;  
  68.     }  
  69.   
  70.     &＃64;Override  
  71.     public View getHeaderView(int position, View convertView, ViewGroup parent) {  
  72.         HeaderViewHolder holder;  
  73.         if (convertView &＃61;&＃61; null) {  
  74.             holder &＃61; new HeaderViewHolder();  
  75.             convertView &＃61; inflater.inflate(R.layout.proj_plans_header, parent, false);  
  76.             holder.text &＃61; (TextView) convertView.findViewById(R.id.text1);  
  77.             convertView.setTag(holder);  
  78.         } else {  
  79.             holder &＃61; (HeaderViewHolder) convertView.getTag();  
  80.         }  
  81.         //set proj_plans_header text as first char in name  
  82.         String headerText &＃61; this.mPlanDetails.get(position).getProject_title();  
  83.         holder.text.setText(headerText);  
  84.         return convertView;  
  85.     }  
  86.   
  87.     &＃64;Override  
  88.     public long getHeaderId(int position) {  
  89.         //return the first character of the country as ID because this is what headers are based upon  
  90.         return Long.parseLong(this.mPlanDetails.get(position).getProj_id());  
  91.     }  
  92.   
  93.     class HeaderViewHolder {  
  94.         TextView text;  
  95.     }  
  96.   
  97.     class ViewHolder {  
  98.         ImageView img_plan;  
  99.   
  100.         TextView text_plan_name;  
  101.   
  102.         TextView text_plan_info;  
  103.     }  
  104. }  




  适配器是List数据显示最重要的部分&＃xff0c;为了实现数据分组&＃xff0c;该适配器必须要实现StickyListHeadersAdapter接口&＃xff0c;并重写其中的getHeaderView(int position, View convertView, ViewGroup parent);和long getHeaderId(int position);方法。 

  说明&＃xff1a;

     getHeaderView方法指定了Header的View的显示&＃xff1b;

     getHeaderId决定header出现的时机&＃xff0c;如果当前的headerid和前一个headerid不同时&＃xff0c;就会显示。


4. 定义数据显示的Activity&＃xff1a;


[java] view plain copy
 print?
  1. import android.app.Activity;  
  2. import android.os.Bundle;  
  3. import android.util.Log;  
  4. import android.view.View;  
  5. import android.widget.AdapterView;  
  6.   
  7. import java.util.ArrayList;  
  8. import java.util.List;  
  9.   
  10. import se.emilsjolander.stickylistheaders.StickyListHeadersListView;  
  11.   
  12. public class MainActivity extends Activity {  
  13.   
  14.     public StickyListHeadersListView list;  
  15.   
  16.     private LangyaAdapter langyaAdapter;  
  17.   
  18.     private List mLangyaDatas;  
  19.   
  20.     &＃64;Override  
  21.     protected void onCreate(Bundle savedInstanceState) {  
  22.         super.onCreate(savedInstanceState);  
  23.         setContentView(R.layout.activity_main);  
  24.   
  25.         list &＃61; (StickyListHeadersListView) findViewById(R.id.list);  
  26.         mLangyaDatas &＃61; new ArrayList();  
  27.   
  28.         initDatas();  
  29.   
  30.         list.setOnItemClickListener(new OnPlanItemClick());  
  31.         list.setOnItemLongClickListener(new OnPlanItemLongClick());  
  32.   
  33.         langyaAdapter &＃61; new LangyaAdapter(this, mLangyaDatas);  
  34.         list.setAdapter(langyaAdapter);  
  35.   
  36.     }  
  37.   
  38.     private void updateData() {  
  39.   
  40.         if (langyaAdapter !&＃61; null && mLangyaDatas !&＃61; null) {  
  41.   
  42.             langyaAdapter.notifyDataSetChanged();  
  43.         }  
  44.     }  
  45.   
  46.     private class OnPlanItemClick implements AdapterView.OnItemClickListener {  
  47.   
  48.         &＃64;Override  
  49.         public void onItemClick(AdapterView parent, View view, int position, long id) {  
  50.             LangyaSimple oLangyaSimple &＃61; (LangyaSimple) parent.getAdapter().getItem(  
  51.                     position);  
  52.             Log.e("tag", oLangyaSimple.toString());  
  53.         }  
  54.     }  
  55.   
  56.     private class OnPlanItemLongClick implements AdapterView.OnItemLongClickListener {  
  57.   
  58.         &＃64;Override  
  59.         public boolean onItemLongClick(AdapterView parent, View view, int position, long id) {  
  60.   
  61.             LangyaSimple oLangyaSimple &＃61; mLangyaDatas.get(position);  
  62.   
  63.             Log.e("tag", oLangyaSimple.toString());  
  64.   
  65.             mLangyaDatas.remove(oLangyaSimple);  
  66.   
  67.             updateData();  
  68.   
  69.             return true;  
  70.         }  
  71.     }  
  72.   
  73.     private void initDatas() {  
  74.   
  75.         mLangyaDatas.add(new LangyaSimple("1", "1", "无缘公子", "无缘公子无缘公子无缘公子无缘公子", "公子榜"));  
  76.         mLangyaDatas.add(new LangyaSimple("2", "1", "无请公子", "无请公子无请公子无请公子无请公子", "公子榜"));  
  77.         mLangyaDatas.add(new LangyaSimple("3", "1", "无名公子", "无名公子无名公子无名公子无名公子", "公子榜"));  
  78.         mLangyaDatas.add(new LangyaSimple("4", "1", "无非公子", "无非公子无非公子无非公子无非公子", "公子榜"));  
  79.         mLangyaDatas.add(new LangyaSimple("5", "1", "无能公子", "无能公子无能公子无能公子无能公子", "公子榜"));  
  80.   
  81.         mLangyaDatas.add(new LangyaSimple("6", "2", "最无情", "最无情最无情最无情最无情最无情", "高手榜"));  
  82.         mLangyaDatas.add(new LangyaSimple("7", "2", "最无情", "最无情最无情最无情最无情最无情", "高手榜"));  
  83.         mLangyaDatas.add(new LangyaSimple("8", "2", "最无情", "最无情最无情最无情最无情最无情", "高手榜"));  
  84.         mLangyaDatas.add(new LangyaSimple("9", "2", "最无情", "最无情最无情最无情最无情最无情", "高手榜"));  
  85.         mLangyaDatas.add(new LangyaSimple("10", "2", "最无情", "最无情最无情最无情最无情最无情", "高手榜"));  
  86.   
  87.         mLangyaDatas.add(new LangyaSimple("11", "3", "情殇", "情殇情殇情殇情殇情殇情殇情殇", "美人榜"));  
  88.         mLangyaDatas.add(new LangyaSimple("12", "3", "情殇", "情殇情殇情殇情殇情殇情殇情殇", "美人榜"));  
  89.         mLangyaDatas.add(new LangyaSimple("13", "3", "情殇", "情殇情殇情殇情殇情殇情殇情殇", "美人榜"));  
  90.         mLangyaDatas.add(new LangyaSimple("14", "3", "情殇", "情殇情殇情殇情殇情殇情殇情殇", "美人榜"));  
  91.         mLangyaDatas.add(new LangyaSimple("15", "3", "情殇", "情殇情殇情殇情殇情殇情殇情殇", "美人榜"));  
  92.     }  
  93. }  




  该Activity实现了较多的方法&＃xff0c;1. 数据显示&＃xff0c; 2. 列表的单机事件&＃xff0c; 3. 列表的长按事件&＃xff0c; 4. 数据更新等&＃xff1b;

有个地方需要着重说明&＃xff0c;那就是在初始化数据时&＃xff0c;数据必须proj_id必须按分组排列&＃xff0c;即&＃xff0c;不要将proj_id不同的数据参差着放在集合中&＃xff0c;否则容易造成列表显示多组相同组名的数据。

  对StickyListHeadersListView其余的操作&＃xff08;点击、长按&＃xff09;&＃xff0c;和普通的ListView一致&＃xff0c;包括在xml中设置的属性也是一致的。

  如此这般&＃xff0c;便可实现上述的效果了&＃xff01;


源码下载地址&＃xff08;免费&＃xff09;&＃xff1a;http://download.csdn.net/detail/zuiwuyuan/9274693


推荐阅读
  • main

    kotlin动画实现上下移动、放大缩小、旋转功能

    本文介绍了使用kotlin实现动画效果的方法，包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果，并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例，可以用来实现放大缩小的效果。 ... [详细]
  • main

    XML介绍与使用的概述及标签规则

    XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途，包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则，包括标签的尖括号和合法标识符的组成，标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读，读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • main

    Android 7自学笔记总结、移动架构视频、安卓面试真题、项目实战源码讲义

    本文介绍了Android 7的学习笔记总结，包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容，并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同，否则会出现问题。 ... [详细]
  • main

    ScrollView嵌套Collectionview无痕衔接四向滚动，支持自定义TitleView

    ScrollView嵌套Collectionview无痕衔接四向滚动，支持自定义TitleView
    本文介绍了如何实现ScrollView嵌套Collectionview无痕衔接四向滚动，并支持自定义TitleView。通过使用MainScrollView作为最底层，headView作为上部分，TitleView作为中间部分，Collectionview作为下面部分，实现了滚动效果。同时还介绍了使用runtime拦截_notifyDidScroll方法来实现滚动代理的方法。具体实现代码可以在github地址中找到。 ... [详细]
  • main

    欢乐的票圈重构之旅——RecyclerView的头尾布局增加

    欢乐的票圈重构之旅——RecyclerView的头尾布局增加
    项目重构的Git地址：https:github.comrazerdpFriendCircletreemain-dev项目同步更新的文集：http:www.jianshu.comno ... [详细]
  • require

    Android日历提醒软件开源项目分享及使用教程

    Android日历提醒软件开源项目分享及使用教程
    本文介绍了一款名为Android日历提醒软件的开源项目，作者分享了该项目的代码和使用教程，并提供了GitHub项目地址。文章详细介绍了该软件的主界面风格、日程信息的分类查看功能，以及添加日程提醒和查看详情的界面。同时，作者还提醒了读者在使用过程中可能遇到的Android6.0权限问题，并提供了解决方法。 ... [详细]
  • web

    .NetCoreWebApi生成Swagger接口文档的使用方法

    .NetCoreWebApi生成Swagger接口文档的使用方法
    本文介绍了使用.NetCoreWebApi生成Swagger接口文档的方法，并详细说明了Swagger的定义和功能。通过使用Swagger，可以实现接口和服务的可视化，方便测试人员进行接口测试。同时，还提供了Github链接和具体的步骤，包括创建WebApi工程、引入swagger的包、配置XML文档文件和跨域处理。通过本文，读者可以了解到如何使用Swagger生成接口文档，并加深对Swagger的理解。 ... [详细]
  • web

    打开文件管理器_【教程】模组管理器3.1食用指南

    打开文件管理器_【教程】模组管理器3.1食用指南
    文编：byakko最近有部分小伙伴反应还不会使用unity模组管理器，现在我就给大家讲一下unity模组管理器——从下载到使用。完整视频版以下是无WiF ... [详细]
  • go

    如何通过全新应用内评价获取更多优质用户反馈？

    Google Play推出全新的应用内评价API，帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论，这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论，以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论，提升用户体验。 ... [详细]
  • process

    【MicroServices】【Arduino】装修甲醛检测，ArduinoDart甲醛、PM2.5、温湿度、光照传感器等，数据记录于SD卡，Python数据显示，UI5前台，微服务后台……

    【MicroServices】【Arduino】装修甲醛检测，ArduinoDart甲醛、PM2.5、温湿度、光照传感器等，数据记录于SD卡，Python数据显示，UI5前台，微服务后台……
    这篇文章介绍了一个基于Arduino的装修甲醛检测项目，使用了ArduinoDart甲醛、PM2.5、温湿度、光照传感器等硬件，并将数据记录于SD卡，使用Python进行数据显示，使用UI5进行前台设计，使用微服务进行后台开发。该项目还在不断更新中，有兴趣的可以关注作者的博客和GitHub。 ... [详细]
  • web

    Java验证码——kaptcha的使用配置及样式

    Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • require

    Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏

    Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能，并分享了解决思路和经验。 ... [详细]
  • require

    Java项目管理工具及配置教程推荐

    本文介绍了一些Java开发项目管理工具及其配置教程，包括团队协同工具worktil，版本管理工具GitLab，自动化构建工具Jenkins，项目管理工具Maven和Maven私服Nexus，以及Mybatis的安装和代码自动生成工具。提供了相关链接供读者参考。 ... [详细]
  • main

    Go GUIlxn/walk 学习3.菜单栏和工具栏的具体实现

    Go GUIlxn/walk 学习3.菜单栏和工具栏的具体实现
    本文介绍了使用Go语言的GUI库lxn/walk实现菜单栏和工具栏的具体方法，包括消息窗口的产生、文件放置动作响应和提示框的应用。部分代码来自上一篇博客和lxn/walk官方示例。文章提供了学习GUI开发的实际案例和代码示例。 ... [详细]
  • require

    CentOS7.8下编译muduo库找不到Boost库报错的解决方法

    CentOS7.8下编译muduo库找不到Boost库报错的解决方法
    本文介绍了在CentOS7.8下编译muduo库时出现找不到Boost库报错的问题，并提供了解决方法。文章详细介绍了从Github上下载muduo和muduo-tutorial源代码的步骤，并指导如何编译muduo库。最后，作者提供了陈硕老师的Github链接和muduo库的简介。 ... [详细]
author-avatar
caihuiqian_558
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有