Android：下拉刷新+加载更多+滑动删除实例讲解

2024-03-05 08:57:48

小伙伴们在逛淘宝或者是各种app上，都可以看到这样的功能，下拉刷新和加载更多以及滑动删除，刷新，指刷洗之后使之变新，比喻突破旧的而创造出新的，比如在手机上浏览新闻的时候，使用下拉刷新的功能，我们可以第一时间掌握最新消息，加载更多是什么nie，简单来说就是在网页上逛淘宝的时候，我们可以点击下一页来满足我们更多的需求，但是在手机端就不一样了，没有上下页，怎么办nie，方法总比困难多，细心的小伙伴可能会发现，在手机端中，有加载更多来满足我们的要求，其实加载更多也是分页的一种体现。小伙伴在使用手机版QQ的时候，消息界面会有很多的信息，如果你也像小编一样有强迫症，想把看完的消息进行删除，怎么办nie，QQ实现了向右滑动删除的功能，最近在小编的项目中，就遇到这样的功能下拉刷新和加载更多以及滑动删除，经过几天的捣鼓，当冬日的第二缕阳光照到小编身上的时候，小编终于把她捣鼓出来了，今天这篇博客，小编主要和小伙伴们分享下拉刷新和加载更多一级滑动删除，希望可以帮助到有需要的小伙伴，还请小伙伴们多多指教。

首先我们需要来编写xml里面的内容，我们命名为activity_item，具体代码如下所示：

XML/HTML代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/ll_parent"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@android:color/darker_gray"
  android:orientation="vertical" > 

  <TextView
    android:id="@+id/tv_text"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:textSize="25sp" /> 

</LinearLayout>

接着，我们来编写list_item里面有关xml的代码，具体代码如下所示：

XML/HTML代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/ll_parent"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center"
  android:background="@android:color/darker_gray"
  tools:context=".MainActivity" > 

  <TextView
    android:id="@+id/list_item_textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:textColor="#000"
    android:textSize="16sp" /> 

  <FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_centerVertical="true"
    android:layout_alignParentRight="true"
    android:padding="15dp" > 

    <TextView
      android:id="@+id/tv_functions"
      android:layout_width="90dp"
      android:layout_height="50dp"
      android:layout_gravity="center"
      android:background="@drawable/btn_del_bg"
      android:gravity="center"
      android:textColor="@android:color/white"
      android:text="删除" />  

    <TextView
      android:id="@+id/tv_coating"
      android:layout_width="90dp"
      android:layout_height="50dp"
      android:background="@android:color/darker_gray"
      android:layout_gravity="center"
      android:visibility="gone" />
  </FrameLayout> 

</RelativeLayout>

第三步，我们来编写main里面的xml文件，具体代码如下所示：

XML/HTML代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:background="#f0f0f0"
  android:orientation="vertical" > 

  <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello" /> 

  <me.maxwin.view.XListView
    android:id="@+id/xListView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:cacheColorHint="#00000000" >
  </me.maxwin.view.XListView> 

</LinearLayout>

第四步，我们来编写xlistview_footer里面的xml文件，具体代码如下所示：

XML/HTML代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content" > 

  <RelativeLayout
    android:id="@+id/xlistview_footer_content"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp" > 

    <ProgressBar
      android:id="@+id/xlistview_footer_progressbar"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:visibility="invisible" /> 

    <TextView
      android:id="@+id/xlistview_footer_hint_textview"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:text="@string/xlistview_footer_hint_normal" />
  </RelativeLayout> 

</LinearLayout>

第五步，我们来编写xlistview_header里面的xml文件，具体代码如下所示：

XML/HTML代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:gravity="bottom" > 

  <RelativeLayout
    android:id="@+id/xlistview_header_content"
    android:layout_width="fill_parent"
    android:layout_height="60dp" > 

    <LinearLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:gravity="center"
      android:orientation="vertical" android:id="@+id/xlistview_header_text"> 

      <TextView
        android:id="@+id/xlistview_header_hint_textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/xlistview_header_hint_normal" /> 

      <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="3dp" > 

        <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/xlistview_header_last_time"
          android:textSize="12sp" /> 

        <TextView
          android:id="@+id/xlistview_header_time"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="12sp" />
      </LinearLayout>
    </LinearLayout> 

    <ImageView
      android:id="@+id/xlistview_header_arrow"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignLeft="@id/xlistview_header_text"
      android:layout_centerVertical="true"
      android:layout_marginLeft="-35dp"
      android:src="@drawable/xlistview_arrow" /> 

    <ProgressBar
      android:id="@+id/xlistview_header_progressbar"
      android:layout_width="30dp"
      android:layout_height="30dp"
      android:layout_alignLeft="@id/xlistview_header_text"
      android:layout_centerVertical="true"
      android:layout_marginLeft="-40dp"
      android:visibility="invisible" />
  </RelativeLayout> 

</LinearLayout>

至此，关于我们的布局xml文件的代码都已经写完了，接着，我们开始编写java类里面的代码，首先，我们来编写ItemActivity里面的代码，具体代码如下所示：

Java代码

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.TextView; 

public class ItemActivity extends Activity implements OnTouchListener { 

  private float x, upx; 

  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_item);
    init();
  } 

  private void init() {
    findViewById(R.id.ll_parent).setOnTouchListener(this);
    ((TextView) findViewById(R.id.tv_text)).setText(getIntent().getStringExtra("item"));
  } 

  public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
      x = event.getX();
    }
    if (event.getAction() == MotionEvent.ACTION_UP) {
      upx = event.getX();
      if (Math.abs(x - upx) > 20) {
        this.finish();
        overridePendingTransition(0, R.anim.slide_out_to_right);
      }
    }
    return true;
  } 

}

接着，我们来编写适配器adapter里面的代码，具体代码如下所示：

Java代码

import java.util.ArrayList; 

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView; 

public class ItemAdapter extends BaseAdapter { 

  private LayoutInflater inflater;
  private ArrayList<String> datas; 

  public ItemAdapter(Context context) {
    inflater = LayoutInflater.from(context);
  } 

  public void setData(ArrayList<String> datas) {
    this.datas = datas;
  } 

  public int getCount() {
    return datas.size();
  } 

  public Object getItem(int position) {
    return datas.get(position);
  } 

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

  public View getView(final int position, View convertView, ViewGroup parent) {
    ViewHolder holder = null;
    if (convertView == null) {
      holder = new ViewHolder();
      convertView = inflater.inflate(R.layout.list_item, null);
      holder.coating = (TextView) convertView.findViewById(R.id.tv_coating);
      holder.functions = (TextView) convertView.findViewById(R.id.tv_functions);
      holder.list_item_textview=(TextView) convertView.findViewById(R.id.list_item_textview);
      convertView.setTag(holder);
    } else {
      holder = (ViewHolder) convertView.getTag();
    } 

    holder.list_item_textview.setText(datas.get(position)); 

    holder.coating.setVisibility(View.VISIBLE); 

    holder.functions.setClickable(false); 

    return convertView;
  } 

  public final class ViewHolder {
    public TextView coating;
    public TextView functions;
    public TextView list_item_textview;
  }
}

最后我们来编写XListViewActivity里面的代码，具体代码如下所示：

Java代码

import java.util.ArrayList; 

import me.maxwin.view.XListView;
import me.maxwin.view.XListView.IXListViewListener;
import me.maxwin.view.XListView.RemoveListener;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener; 

public class XListViewActivity extends Activity implements IXListViewListener ,RemoveListener,OnItemClickListener{
  private XListView mListView;
// private ArrayAdapter<String> mAdapter;
  private ItemAdapter adapter;
// private Context context;
  private ArrayList<String> items = new ArrayList<String>();
  private Handler mHandler;
  private int start = 0;
  private static int refreshCnt = 0;
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    geneItems();
    init(); 

    mHandler = new Handler();
  } 

  private void init() {
    // TODO Auto-generated method stub
    mListView = (XListView) findViewById(R.id.xListView);
    mListView.setPullLoadEnable(true);
    mListView.setRemoveListener(this);
    mListView.setOnItemClickListener(this);
//   mListView.setPullLoadEnable(false);
//   mListView.setPullRefreshEnable(false);
    mListView.setXListViewListener(this);
    adapter=new ItemAdapter(this);
    adapter.setData(items);
    mListView.setAdapter(adapter); 

  } 

  private void geneItems() {
    for (int i = 0; i != 20; ++i) {
      items.add("refresh cnt " + (++start));
    }
  } 

  private void onLoad() {
    mListView.stopRefresh();
    mListView.stopLoadMore();
    mListView.setRefreshTime("刚刚");
  } 

  @Override
  public void onRefresh() {
    mHandler.postDelayed(new Runnable() {
      @Override
      public void run() {
        start = ++refreshCnt;
        items.clear();
        geneItems();
        // mAdapter.notifyDataSetChanged();
        adapter=new ItemAdapter(XListViewActivity.this);
        adapter.setData(items);
        mListView.setAdapter(adapter);
        onLoad();
      }
    }, 2000);
  } 

  @Override
  public void onLoadMore() {
    mHandler.postDelayed(new Runnable() {
      @Override
      public void run() {
        geneItems();
        adapter.notifyDataSetChanged();
        onLoad();
      }
    }, 2000);
  } 

  @Override
  public void removeItem(int position) {
    // TODO Auto-generated method stub
    mListView.isSlide = false;
    mListView.itemView.findViewById(R.id.tv_coating).setVisibility(View.VISIBLE);
    items.remove(position);
    adapter.notifyDataSetChanged(); 

  } 

  @Override
  public void onItemClick(AdapterView<?> parent, View view, int position,
      long id) {
    // TODO Auto-generated method stub
    Intent intent = new Intent(getApplicationContext(), ItemActivity.class);
    intent.putExtra("item", items.get(position));
    startActivity(intent);
    overridePendingTransition(R.anim.slide_in_from_right, R.anim.remain_original_location); 

  } 

}

至此，以上就是Android 实现下拉刷新和加载以及滑动删除的知识整理，谢谢大家对本站的支持！

Android 个人理财工具四：添加账单页面下

本文考虑把账单界面整理下,实现如下图中的功能.做之前感觉应该不难,但实际做时发现排列界面布局甚至比编写程序代码还要复杂.网上搜索发现,关于这种布局的资料能用的很少,Google Demo中用的最多的就是Listview了,但本实例的界面似乎要复杂一些. spinner和cursor如何配合使用成了完成此实例过程中的难点,本来应该很简单,但却把我郁闷坏了. 先给大家贴上最终的效果图片: 界面的xml: XML/HTML代码 <?xml version="1.0" encoding=
Android开发之ListView、GridView 详解及示例代码

ListView与GridView是Android开发中的常用控件,它们和Adapter配合使用能够实现很多界面效果.下面分别以实例说明ListView.GridView的用法. 1.ListView的Android开发实例 ListView 是android开发中最常用的控件之一,一般构成列表包括三个元素,ListView:用来展示列表的视图.Adapter:数据与视图连接的桥梁.Data:具体的数据包括字符串 .图片或者控件. 适配器一般有以下几种类型: ArrayAdapte
Android仿微信通讯录打造带悬停头部的分组列表（上）

一概述本文是Android导航分组列表系列上,因时间和篇幅原因分上下,最终上下合璧,完整版效果如下: 上部残卷效果如下:两个ItemDecoration,一个实现悬停头部分组列表功能,一个实现分割线(官方demo) 网上关于实现带悬停分组头部的列表的方法有很多,像我看过有主席的自定义ExpandListView实现的,也看过有人用一个额外的父布局里面套 RecyclerView/ListView+一个头部View(位置固定在父布局上方)实现的. 对于以上解决方案,有以下几点个人觉得不好的地方
Android 个人理财工具五：显示账单明细上

前面我们已经将每个月的收支明细存入到SQLite的数据表中,本文将实现从SQLite的数据表中取出这些数据显示为账单明细界面. 下图是最终的效果图: 在设计该界面时我考虑过好几个方案.本来准备使用一个gridview,因为觉得名字很像我需要的东西.可是后来查了一些资料,并且做了点实验,发现和我想象的有些差距.于是采用了目前这种方式.使用Listview. 这个界面布局实际上很简单,就是上面一个表头(Linearlayout),中间一个Listview,下面是一个脚注(Linearlayout).
最常见的猜拳小游戏Android代码实现

本文实例为大家分享了Android猜拳小游戏,供大家参考,具体内容如下简单的页面跳转和点击事件的实现... --> AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.drag
Android 音乐播放器的开发实例详解

本文将引导大家做一个音乐播放器,在做这个Android开发实例的过程中,能够帮助大家进一步熟悉和掌握学过的ListView和其他一些组件.为了有更好的学习效果,其中很多功能我们手动实现,例如音乐播放的快进快退等. 先欣赏下本实例完成后运行的界面效果: 首先我们建立项目,我使用的SDK是Android2.2的,然后在XML中进行布局. 上方是一个ListView用来显示我们的音乐列表,中间是一个SeekBar可以拖动当前音乐的播放进度,之所以用SeekBar而不用ProgressBar是因为我们需
Android 应用中插入广告的实例

想必大家都知道,国内的Android应用基本都是免费的,那么开发者如何获得收入呢?应用中插入广告是一个比较常用的盈利手段.本文就讲解如何在Android应用中插入广告. 国内的广告平台有很多,用户数量比较多的有万普,有米,多普.下面就不一一介绍了,免得说我打广告.本文以万普为例. 1.首先去万普官网下载sdk,把sdk里面的jar包导入到项目的lib目录下. 2.修改AndroidManifest.xml文件. 确保应用具有以下几项权限: XML/HTML代码 <uses-pe
Android系统进程间通信Binder机制在应用程序框架层的Java接口源代码分析

在前面几篇文章中,我们详细介绍了Android系统进程间通信机制Binder的原理,并且深入分析了系统提供的Binder运行库和驱动程序的源代码.细心的读者会发现,这几篇文章分析的Binder接口都是基于C/C++语言来实现的,但是我们在编写应用程序都是基于Java语言的,那么,我们如何使用Java语言来使用系统的Binder机制来进行进程间通信呢?这就是本文要介绍的Android系统应用程序框架层的用Java语言来实现的Binder接口了. 熟悉Android系统的读者,应该能想到应用程序框架
Android Handler 机制实现原理分析

handler在安卓开发中是必须掌握的技术,但是很多人都是停留在使用阶段.使用起来很简单,就两个步骤,在主线程重写handler的handleMessage( )方法,在工作线程发送消息.但是,有没有人想过这种技术是怎么实现的呢?下面我们一起探讨下. 先上图,让大家好理解下handler机制: handler机制示例图上面一共出现了几种类,ActivityThread,Handler,MessageQueue,Looper,msg(Message),对这些类作简要介绍: ActivityThr
Android 个人理财工具六：显示账单明细下

上一节的显示账单明细上中,账单明细的显示已经基本实现,本文主要整理下代码,实现此窗口的查询和删除功能:按下Menu菜单时弹出选择月份的窗口,可选择明细的月份:在ListView上长按可弹出确认删除的对话框,以完成删除. 下面上图: 这里面有个OnItemLongClickListener 事件,这个事件的用法如下: 首先activity 里面implements OnItemLongClickListener,然后如下面的代码所写: Java代码 // 这里listview 添加侦听事件 lv
Android WebP 图片压缩与传输

1. 简介直到4g时代,流量依然是宝贵的东西.而移动网络传输中,最占流量的一种载体:图片,成为了我们移动开发者不得不关注的一个问题. 我们关注的问题,无非是图片体积和质量如何达到一个比较和谐的平衡,希望得到质量不错的图片同时体积还不能太大. 走在时代前列的谷歌给出了一个不错的答案--WebP. WebP是一种图片文件格式,在相同的压缩指标下,webp的有损压缩能比jpg小 25-34%.而在我自己的测试里,有时候能小50%. 2. 大企业背书 WebP在2010年发布第一个版本,到现在已经6年

Android：下拉刷新+加载更多+滑动删除实例讲解

相关推荐

随机推荐