自定义组件—ListView_加头去头，加脚去脚、添加或删除ListView中的数据、

最新推荐文章于 2022-07-21 13:15:14 发布
最新推荐文章于 2022-07-21 13:15:14 发布
阅读量2.3k 收藏 1
点赞数 2
分类专栏： ANDROID
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/t80t90s/article/details/8194100
版权


该组件的功能有三个：

（1）       任意加头去头，加脚去脚。

我们知道ListView在setAdapter之后再调用addHeader方法会抛出异常，而加脚有时管用，有时不管用。Android开发文档中也明确指出ListView在setAdapter之后不应该再进行setHeader和setFooter方法。这明显不能满足我们的实际需求。

我的解决方案是：在setAdapter之前给ListView先加上一个空头布局和空脚布局，布局高度设为wrap_content,这样当头或脚布局中没有任何组件时，头和脚是看不到的。当需要显示头和脚时，直接向头和脚布局中添加要显示的组件即可。

（2）       可任意添加或删除ListView中的数据。

有过实际开发经验的同学可能会有所体会，我们每次改变数据后都要调一次adapter.notifyDataSetChanged()，而且当ListView添加或删除数据的操作未完成时，再来一次添加或删除数据操作的话会报异常。比如用ListView显示网络获取的数据时，不断的刷新数据就会出现这种情况。这时候“同步“获取数据的线程是无法避免这个问题的，因为当线程获取网络数据特别快时还是会出现Listview添加数据操作的同时发生。

我的解决办法是：在该组件中自己实现添加和删除数据的方法并用一个变量来标记当前ListView是否在进行添加或删除数据操作，是的话则不允许在进行数据操作。

（3）       实现了向下滑动出现一个显示正在加载的头布局，手离开屏幕时头布局自动隐藏的功能。如YiBo微博首页的下拉刷新效果。效果图如下：

      

 

拉动前图片

按下拉动后图片

代码：

package diy.ts.wader.widget;

 

import java.util.Collection;

import java.util.List;

 

import android.content.Context;

import android.graphics.Color;

import android.util.AttributeSet;

import android.view.Gravity;

import android.view.MotionEvent;

import android.view.View;

import android.widget.BaseAdapter;

import android.widget.LinearLayout;

import android.widget.ListView;

import android.widget.ProgressBar;

import android.widget.TextView;

 

/******************************************************************

 * 文件名称 : MyListView.java

 * 作者 : wader

 * 创建时间 : 2011-7-20上午10:40:05

 * 文件描述 :

 * 实现了下拉显示组件头、任意添加头脚、添加删除数据功能的ListView组件

 ******************************************************************/

public class MyListView extends ListView {

    private BaseAdapter adapter;

    private List<Object> dataList;

    private Context context;

    private LinearLayout header;

    private LinearLayout footer;

    /*

     * 在touch时间后的move动作时显示的头部动画

     */

    private LinearLayout headerContent;

    ProgressBar headerProgressBar;

    TextView headertextView;

 

    private OnHeadShowOrHideAcion onHeadShowOrHideAcion = null;

    /*

     * 在init时是否加头布局，在init方法前设置

     */

    private boolean addHeader = false;

    /*

     * 在init时是否加脚布局，在init方法前设置

     */

    private boolean addFooter = false;

    /*

     * 在touch时间后的move动作时是否显示头部动画

     */

    private boolean showAnimationHead = false;

    /*

     * 在显示头部动画时是否执行HeadShowOrHideAcion的doActionOnShowHead方法

     */

    private boolean doActionOnShowHead = true;

    /*

     * 在显示头部动画时是否执行HeadShowOrHideAcion的doActionOnHideHead方法

     */

    private boolean doActionOnHideHead = true;

    /*

     * 头布局中是否已有内容(headerContent!=null)并已显示出来

     */

    private boolean haveHead = false;

    /*

     * 是否可以对list进行添加或删除数据操作，保证list数据同步

     */

    private boolean ableOperateData = true;

    private float initY = 0;

 

    public MyListView(Context context) {

       super(context);

    }

 

    public MyListView(Context context, AttributeSet attrs) {

       this(context, attrs, 0);

    }

 

    public MyListView(Context context, AttributeSet attrs, int defStyle) {

       super(context, attrs, defStyle);

    }

 

    /*

     * 设置在init时是否加头布局，在init方法前设置

     */

    public void setAddHeader(boolean addHeader) {

       this.addHeader = addHeader;

    }

 

    /*

     * 设置在init时是否加脚布局，在init方法前设置

     */

    public void setAddFooter(boolean addFooter) {

       this.addFooter = addFooter;

    }

 

    /*

     * 设置在touch时间后的move动作时是否显示头部动画

     */

    public void setShowAnimationHead(boolean param) {

       this.showAnimationHead = param;

    }

 

    /*

     * 设置在显示头部动画时是否执行HeadShowOrHideAcion的doActionOnShowHead方法

     */

    public void setDoActionOnShowHead(boolean param) {

       this.doActionOnShowHead = param;

    }

 

    /*

     * 设置在隐藏头部动画时是否执行HeadShowOrHideAcion的doActionOnHideHead方法

     */

    public void setDoActionOnHideHead(boolean param) {

       this.doActionOnHideHead = param;

    }

 

    /*

     * 对listview进行初始化，在使用该组件前必须先执行这个方法

     */

    public void init(Context context) {

       this.context = context;

       this.addHeaderAndFooterLayout();

    }

 

    /*

     * 加头布局和脚布局

     */

    private void addHeaderAndFooterLayout() {

       if (addHeader) {

           header = new LinearLayout(context);

           addHeaderView(header);

           header.setVisibility(View.GONE);

       }

       if (addFooter) {

           footer = new LinearLayout(context);

           addFooterView(footer);

           footer.setVisibility(View.GONE);

       }

    }

 

    /*

     * 显示指定的头内容

     */

    public void showHeader(View view) {

       if (view.getLayoutParams() == null) {

           view.setLayoutParams(new LinearLayout.LayoutParams(

                  LinearLayout.LayoutParams.WRAP_CONTENT,

                  LinearLayout.LayoutParams.WRAP_CONTENT));

       }

       header.setVisibility(View.VISIBLE);

       if (header.getChildCount() <= 0)

           header.addView(view);

       this.postInvalidate();

    }

 

    /*

     * 显示指定的头动画

     */

    public void showAnimationHeader() {

       if (!haveHead && addHeader) {

           if (headerContent == null) {

              headerContent = new LinearLayout(context);

              headerContent.setLayoutParams(new LinearLayout.LayoutParams(

                     LinearLayout.LayoutParams.FILL_PARENT,

                     LinearLayout.LayoutParams.FILL_PARENT));

              headerContent.setBackgroundColor(Color.LTGRAY);

              headerContent.setGravity(Gravity.CENTER);

              headerContent.setOrientation(LinearLayout.HORIZONTAL);

 

           } else

              headerContent.removeAllViews();

           if (headertextView == null) {

              headertextView = new TextView(context);

              headertextView.setTextColor(Color.BLACK);

              headertextView.setTextSize(20);

              headertextView.setText("松开即可更新");

           }

           headerProgressBar = new ProgressBar(context);

           headerProgressBar.setPadding(0, 3, 20, 3);

           headerContent.addView(headerProgressBar);

           headerContent.addView(headertextView);

 

           this.showHeader(headerContent);

           haveHead = true;

           if (onHeadShowOrHideAcion != null && doActionOnShowHead) {

              doActionOnShowHead = false;

              onHeadShowOrHideAcion.doActionOnShowHead(this);

           }

       }

    }

 

    /*

     * 删除头内容

     */

    public void hideHeader() {

       if (addHeader) {

           header.removeAllViews();

           haveHead = false;

           header.setVisibility(View.GONE);

           this.postInvalidate();

           if (onHeadShowOrHideAcion != null && doActionOnHideHead)

              onHeadShowOrHideAcion.doActionOnHideHead(this);

       }

    }

 

    /*

     * 显示指定的脚内容

     */

    public void showFooter(View view) {

       if (addFooter) {

           if (view.getLayoutParams() == null) {

              view.setLayoutParams(new LinearLayout.LayoutParams(

                     LinearLayout.LayoutParams.WRAP_CONTENT,

                     LinearLayout.LayoutParams.WRAP_CONTENT));

           }

           footer.setVisibility(View.VISIBLE);

           if (footer.getChildCount() <= 0)

              footer.addView(view);

           this.postInvalidate();

           this.postInvalidate();

       }

    }

 

    /*

     * 删除脚内容

     */

    public void hideFooter(View view) {

       if (addFooter) {

           footer.removeAllViews();

           footer.setVisibility(View.GONE);

           this.postInvalidate();

       }

    }

 

    /*

     * 为listview设置adapter和与该adapter相关的list，应该在init方法之后执行

     */

    @SuppressWarnings("unchecked")

    public void setData(BaseAdapter adapter, List<? extends Object> dataList) {

       this.adapter = adapter;

       this.dataList = (List<Object>) dataList;

       setAdapter(adapter);

    }

 

    /*

     * 在list最后添加新数据

     */

    public void addData(Collection<? extends Object> c) {

       if (ableOperateData) {

           ableOperateData = false;

           if (dataList == null || adapter == null)

              throw new NullPointerException(

                     "You do not call the setData() method");

           dataList.addAll(c);

           adapter.notifyDataSetChanged();

       }

       ableOperateData = true;

    }

 

    /*

     * 在list的指定位置添加新数据

     */

    public void addData(int index, Collection<? extends Object> c) {

       if (ableOperateData) {

           ableOperateData = false;

           if (dataList == null || adapter == null)

              throw new NullPointerException(

                     "You don not call the setData() method or the Adapter or List param in setData() is null");

           dataList.addAll(index, c);

           adapter.notifyDataSetChanged();

       }

       ableOperateData = true;

    }

 

    /*

     * 删除list中指定位置的数据

     */

    public void deleteData(int index) {

       if (ableOperateData) {

           ableOperateData = false;

           dataList.remove(index);

           adapter.notifyDataSetChanged();

       }

       ableOperateData = true;

    }

 

    /*

     * 删除list中的全部数据

     */

    public void deleteAll() {

       if (ableOperateData) {

           ableOperateData = false;

           dataList.clear();

           adapter.notifyDataSetChanged();

       }

       ableOperateData = true;

    }

 

    /*

     * 触屏事件，主要是为了显示头动画

     */

    public void touchEventAction(MotionEvent ev) {

       switch (ev.getAction()) {

       case MotionEvent.ACTION_MOVE:

           if (this.getFirstVisiblePosition() == 0 && (ev.getY() - initY > 30)

                  && !haveHead) {// 当向下滑动30个单位时显示头部动画

              showAnimationHeader();

 

           }

           break;

       case MotionEvent.ACTION_UP:

           hideHeader();

           break;

       case MotionEvent.ACTION_DOWN:

           initY = ev.getY();

           break;

       }

    }

 

    @Override

    public boolean dispatchTouchEvent(MotionEvent ev) {

       if (showAnimationHead)

           this.touchEventAction(ev);

       super.dispatchTouchEvent(ev);

       return true;

    }

 

    /*

     * 设置在显示头部动画时要执行HeadShowOrHideAcion

     */

    public void setHeadShowOrHideAcion(

           OnHeadShowOrHideAcion paramOnHeadShowOrHideAcion) {

       this.onHeadShowOrHideAcion = paramOnHeadShowOrHideAcion;

    }

 

    /*

     * 自定义内部接口

     */

    public abstract interface OnHeadShowOrHideAcion {

       public void doActionOnShowHead(ListView paramListView);

 

       public void doActionOnHideHead(ListView paramListView);

    }

}

 

  注：

    （1）OnHeadShowOrHideAcion接口是为了实现当下拉刷新时要进行的操作，如启动线程获取网络数据。

         （2）ListView加头布局后item下标是从1开始而不是从0开始。

         （3）该组件用起来可能比较麻烦，大家可以根据自身需要对它进行瘦身和改造。

杜云飞.
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ListView隐藏显示头布局
12-16
ListView上拉隐藏头布局，下拉显示头布局的小案例
listview滑动显示隐藏头部
10-20
下滑隐藏头部、上滑显示头部，和一般的实现方式不太一样
自定义组件—MyListView
tasty
09-23 303
该组件的功能有三个： （1）       任意加头去头，加脚去脚。 我们知道ListView在setAdapter之后再调用addHeader方法会抛出异常，而加脚有时管用，有时不管用。Android开发文档中也明确指出ListView在setAdapter之后不应该再进行setHeader和setFooter方法。这明显不能满足我们的实际需求。 我的解决方案是：在setAdapter之前给
android listview 取消头部分割线
lucky8star的专栏
10-31 7292
listview分割线会在头部、数据item、及根部的底部打印，如果要取消头部分割线必须 先设置期方法  addHeaderView(headView, null, true);   addFooterView(footView, null, true); 注意：第三个参数必须为true，否则无效   //显示头部出现分割线 listview.setHeaderDividersEna
listview隐藏头部
04-28
android 上滑隐藏头部
C# ListView中添加多种自定义控件源码
04-07
本主题将深入探讨如何在C#的ListView中添加和使用各种自定义控件，如CheckBox和ComboBox，以增强用户体验和功能。 一、ListView控件基础 ListView控件允许我们展示数据列表，并提供了多种视图模式，如小图标、大...
Android列表组件ListView使用详解之动态加载或修改列表数据
08-26
本文将深入解析如何在ListView中动态加载或修改列表数据。 首先，ListView的核心在于它与适配器（Adapter）的配合。适配器是连接数据源和视图的桥梁，负责将数据转化为ListView可以显示的视图项。在Android中，常见...
Android ListView添加头布局和脚布局实例详解
09-01
4. 设置适配器，并确保在调用`setAdapter()`之后添加头布局和脚布局，因为它们会在适配器设置之后插入到ListView中。 ```java listView.setAdapter(adapter); ``` 5. 如果你需要监听头布局和脚布局的点击事件，...
listview-Edit.zip_ListView_edit listview_listview edit_listviewe
09-24
"listview-Edit.zip_ListView_edit_listview_listview edit_listviewe"这个压缩包就包含了关于ListView功能扩展，特别是实现自定义特定列编辑的相关知识。 首先，我们要理解ListView的基本结构。ListView通常结合...
UGUI - 制作listview gridview ugui
09-05
UGUI - 制作listview ugui 适合于列表 gridview UGUI - 制作listview ugui 适合于列表 gridview
ListView头部的显示和隐藏
gucheng3116的专栏
07-18 4116
将头部布局添加到listview的headview中。 例如： mListView.addHeaderView(mHeadView); 初始化时隐藏头部： mHeadView.setPadding(0, -mHeadHeight,0,0); 给listview设置onTouchListener事件： mListView.setOnTouchListener(this); 在on...
ListView 添加 头部 和 尾部
JD-li的博客
08-21 7178
本人博客地址：http://my.oschina.net/lijindou/blog 转载请标明原址：http://my.oschina.net/lijindou/blog/735743 老规矩 先上效果图   给listview 添加头部和尾部是因为项目中要用到所以在网上查了查 其实很简单 只要在 setAdatper（）这个方法之前 执行 listview.addHeaderVi
ListView 上拉加载，下拉刷新部分心得
tianfuxiaoyan的博客
04-19 541
package com.wang.activity;   import android.app.Activity; import android.os.Bundle; import android.os.SystemClock; import android.util.Log; import android.widget.ListView;   im
listView中添加了headerView时，使用position的注意事项
风吹过wu的博客
08-31 2628
该listView是添加了headerView的，注意，在Adapter中的getVIew方法中的position是不包括headerView的，也就是position = 0,就是指的其中第一个item. 但是在在监听方法中，比如onItemClicklistener中的position确实包含了headerview,也就是position = 0 ，其实是指的headerView。
由浅入深详解NLP中的Adapter技术
Paper weekly
07-21 2348
©作者 | 吴迪单位 | UCLA研究方向 | NLP前言在现代自然语言处理（NLP）的应用中，使用预训练的表征进行迁移学习是很重要的一个方法。在深度学习开始被应用之后，迁移学习最早出现在使用预训练的特征向量，以及对预训练语言模型（pre-trained language model，PLM）进行微调（fine-tuning）[1]。基于预训练模型，adapter 给出了...
自定义数据listview
最新发布
06-21
自定义数据ListView通常是在Android开发中用来显示一组动态数据的控件，它结合了列表和视图的优点，可以展示丰富的用户界面元素。以下是自定义数据ListView的基本步骤： 1. **继承AdapterView基类**：你需要创建一个继承自`ArrayAdapter`, `BaseAdapter`, 或者 `CursorAdapter`的子类，用于绑定数据到ListView。 ```java public class CustomAdapter extends ArrayAdapter<String> { // 添加构造函数，传递数据源和布局资源 public CustomAdapter(Context context, int resource, List<String> objects) { super(context, resource, objects); } // 重写getView()方法，这里是关键，用于为每个列表项创建视图 @NonNull @Override public View getView(int position, View convertView, ViewGroup parent) { // 创建或获取ViewHolder（如果convertView已存在） ViewHolder viewHolder; if (convertView == null) { viewHolder = new ViewHolder(); convertView = LayoutInflater.from(getContext()).inflate(R.layout.item_layout, parent, false); viewHolder.textView = convertView.findViewById(R.id.text_view); // 将ViewHolder保存在convertView上 convertView.setTag(viewHolder); } else { viewHolder = (ViewHolder) convertView.getTag(); } // 设置视图的文本 viewHolder.textView.setText(getItem(position)); return convertView; } // 内部类ViewHolder用于存储需要在视图中复用的对象 static class ViewHolder { TextView textView; } } ``` 2. **创建布局文件**（item_layout.xml）：定义每个列表项的视图结构。 3. **设置数据源**：在你的Activity或Fragment中初始化ListView，并设置你的自定义Adapter： ```java ListView listView = findViewById(R.id.listView); CustomAdapter adapter = new CustomAdapter(this, R.layout.item_layout, dataList); listView.setAdapter(adapter); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值