热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

列标头固定的联系人列表

项目中有一新的需求,要求能像一些Android机带“联系人列表”一样,数据可以自动分组,且在列表滑动过程中,列表头固定在顶部

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



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

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



  项目建成后,开始使用该库进行开发:

1. 布局中引入StickyListHeadersListView:


[html] view plain copy
 print?
  1. xml version="1.0" encoding="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


推荐阅读
  • 为了优化直播应用底部聊天框的弹出机制,确保在不同设备上的布局稳定性和兼容性,特别是在配备虚拟按键的设备上,我们对用户交互流程进行了调整。首次打开应用时,需先点击首个输入框以准确获取键盘高度,避免直接点击第二个输入框导致的整体布局挤压问题。此优化通过调整 `activity_main.xml` 布局文件实现,确保了更好的用户体验和界面适配。 ... [详细]
  • 本文探讨了资源访问的学习路径与方法,旨在帮助学习者更高效地获取和利用各类资源。通过分析不同资源的特点和应用场景,提出了多种实用的学习策略和技术手段,为学习者提供了系统的指导和建议。 ... [详细]
  • 掌握Android UI设计:利用ZoomControls实现图片缩放功能
    本文介绍了如何在Android应用中通过使用ZoomControls组件来实现图片的缩放功能。ZoomControls提供了一种简单且直观的方式,让用户可以通过点击放大和缩小按钮来调整图片的显示大小。文章详细讲解了ZoomControls的基本用法、布局设置以及与ImageView的结合使用方法,适合初学者快速掌握Android UI设计中的这一重要功能。 ... [详细]
  • 技术分享:深入解析GestureDetector手势识别机制
    技术分享:深入解析GestureDetector手势识别机制 ... [详细]
  • 开发笔记:深入解析Android自定义控件——Button的72种变形技巧
    开发笔记:深入解析Android自定义控件——Button的72种变形技巧 ... [详细]
  • 深入解析 Android 选择器与形状绘制技术
    本文深入探讨了 Android 中选择器(Selector)与形状绘制(Shape Drawing)技术的应用与实现。重点分析了 `Selector` 的 `item` 元素,其中包括 `android:drawable` 属性的使用方法及其在不同状态下的表现。此外,还详细介绍了如何通过 XML 定义复杂的形状和渐变效果,以提升 UI 设计的灵活性和美观性。 ... [详细]
  • 深入解析 Android Drawable:第六阶段进阶指南 ... [详细]
  • Android ListView 自定义 CheckBox 实现列表项多选功能详解
    本文详细介绍了在Android开发中如何在ListView的每一行添加CheckBox,以实现列表项的多选功能。用户不仅可以通过点击复选框来选择项目,还可以通过点击列表的任意一行来完成选中操作,提升了用户体验和操作便捷性。同时,文章还探讨了相关的事件处理机制和布局优化技巧,帮助开发者更好地实现这一功能。 ... [详细]
  • APKAnalyzer(1):命令行操作体验与功能解析
    在对apkChecker进行深入研究后,自然而然地关注到了Android Studio中的APK分析功能。将APK文件导入IDE中,系统会自动解析并展示其中各类文件的详细信息。官方文档提供了详细的命令行工具使用指南,帮助开发者快速上手。本文以一个RecyclerView的Adapter代理开源库为例,探讨了如何利用这些工具进行高效的APK分析。 ... [详细]
  • 如何在Android应用中设计和实现专业的启动欢迎界面(Splash Screen)
    在Android应用开发中,设计与实现一个专业的启动欢迎界面(Splash Screen)至关重要。尽管Android设计指南对使用Splash Screen的态度存在争议,但一个精心设计的启动界面不仅能提升用户体验,还能增强品牌识别度。本文将探讨如何在遵循最佳实践的同时,通过技术手段实现既美观又高效的启动欢迎界面,包括加载动画、过渡效果以及性能优化等方面。 ... [详细]
  • 深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例 ... [详细]
  • 在Android应用开发中,实现与MySQL数据库的连接是一项重要的技术任务。本文详细介绍了Android连接MySQL数据库的操作流程和技术要点。首先,Android平台提供了SQLiteOpenHelper类作为数据库辅助工具,用于创建或打开数据库。开发者可以通过继承并扩展该类,实现对数据库的初始化和版本管理。此外,文章还探讨了使用第三方库如Retrofit或Volley进行网络请求,以及如何通过JSON格式交换数据,确保与MySQL服务器的高效通信。 ... [详细]
  • ButterKnife 是一款用于 Android 开发的注解库,主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法,包括如何通过注解实现字段和方法的绑定,以及在实际项目中的应用示例。此外,文章还提到了截至 2016 年 4 月 29 日,ButterKnife 的最新版本为 8.0.1,为开发者提供了最新的功能和性能优化。 ... [详细]
  • 本文探讨了Android系统中支持的图像格式及其在不同版本中的兼容性问题,重点涵盖了存储、HTTP传输、相机功能以及SparseArray的应用。文章详细分析了从Android 10 (API 29) 到Android 11 的存储规范变化,并讨论了这些变化对图像处理的影响。此外,还介绍了如何通过系统升级和代码优化来解决版本兼容性问题,以确保应用程序在不同Android版本中稳定运行。 ... [详细]
  • Android 图像色彩处理技术详解
    本文详细探讨了 Android 平台上的图像色彩处理技术,重点介绍了如何通过模仿美图秀秀的交互方式,利用 SeekBar 实现对图片颜色的精细调整。文章展示了具体的布局设计和代码实现,帮助开发者更好地理解和应用图像处理技术。 ... [详细]
author-avatar
caihuiqian_558
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有