Android开发中模仿qq列表信息滑动删除功能

这个效果的完成主要分为两个部分

自定义view作为listview的列表项 一个view里面包括 显示头像,名字,消息内容等的contentView和滑动才能显示出来的删除,置顶的右边菜单menuView 在手指移动的时候同时改变这两个视图的位置

重写listview 判断item向左还是向右滑动 正常的滚动还是左右滑动等等 重写onTouchEvent 进行事件分发

大致思路:

listview进行事件分发,判断需要滑动还是滚动等状态,如果需要滑动将事件传递给item进行滑动处理. 在item中控制contentView和menuView进行位置的变化完成滚动效果

重写listview代码

public class SlideListView extends ListView{
  private SlideItem mTouchView=null;//记录当前点击的item View
  private float mDownX;//x轴坐标
  private float mDownY;//y轴坐标
  private int mTouchState;//记录点击状态
  private int mTouchPosition;//记录点击位置
  private static final int TOUCH_STATE_NONE=0; //按下状态
  private static final int TOUCH_STATE_X=1;//横滑状态
  private static final int TOUCH_STATE_Y=2;//竖滑状态
  //判断横竖滑动的最小值
  private static final int MAX_Y=5;
  private static final int MAX_X=3;
  public SlideListView(Context context) {
    super(context);
  }
  public SlideListView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
  public SlideListView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }
  @Override
  public boolean onTouchEvent(MotionEvent ev) {
    if (ev.getAction() != MotionEvent.ACTION_DOWN && mTouchView == null)
      return super.onTouchEvent(ev);
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
        //按住的item的position
        int oldPosition = mTouchPosition;
        //记录位置
        mDownX = ev.getX();
        mDownY = ev.getY();
        mTouchState = TOUCH_STATE_NONE;
        //根据当前横纵坐标点获取点击的item的position
        mTouchPosition = this.pointToPosition((int) ev.getX(), (int) ev.getY());
        //判断当前点击的是否和上次点击的item是同一个,如果是同一个,并且状态是打开了的就记录状态和坐标
        //记录坐标通过Item中的downX属性
        if (mTouchPosition == oldPosition && mTouchView != null && mTouchView.isOpen()) {
          mTouchState = TOUCH_STATE_X;
          mTouchView.onSwipe(ev);
          return true;
        }
        //获取当前的item的View
        View currentView = getChildAt(mTouchPosition - getFirstVisiblePosition());
        //如果不是同一个item 那么点击的话就关闭掉之前打开的item
        if (mTouchView != null && mTouchView.isOpen()) {
          mTouchView.smoothCloseMenu();
          mTouchView = null;
          return super.onTouchEvent(ev);
        }
        //判断该view的类型
        if (currentView instanceof SlideItem) {
          mTouchView = (SlideItem) currentView;
        }
        if (mTouchView != null) {
          mTouchView.onSwipe(ev);
        }
        break;
      case MotionEvent.ACTION_MOVE:
        float dy = Math.abs((ev.getY() - mDownY));
        float dx = Math.abs((ev.getX() - mDownX));
        if (mTouchState == TOUCH_STATE_X) {
          if (mTouchView != null) {
            //执行滑动
            mTouchView.onSwipe(ev);
          }
          return true;
        } else if (mTouchState == TOUCH_STATE_NONE) {
          //判断滑动方向,x方向执行滑动,Y方向执行滚动
          if (Math.abs(dy) > MAX_Y) {
            mTouchState = TOUCH_STATE_Y;
          } else if (dx > MAX_X) {
            mTouchState = TOUCH_STATE_X;
          }
        }
        break;
      case MotionEvent.ACTION_UP:
        //判断状态
        if (mTouchState == TOUCH_STATE_X) {
          if (mTouchView != null) {
            mTouchView.onSwipe(ev);
            //如过最后状态是打开 那么就重新初始化
            if (!mTouchView.isOpen()) {
              mTouchPosition = -1;
              mTouchView = null;
            }
          }
          ev.setAction(MotionEvent.ACTION_CANCEL);
          super.onTouchEvent(ev);
          return true;
        }
        break;
    }
    return super.onTouchEvent(ev);
  }
}

重写item项

view的滑动效果都是在里完成的 使用了Scroller类

关于Scroller的使用文章最后已经粘出了大神的帖子 不懂的同学可以先把Scroller的使用理解了在看这个滑动效果就很好懂了 我在这里简单讲讲

这个类的并没有实际的完成滚动效果 它是一个计算控件移动轨迹的辅助类,
比如说:在1秒内从位置0移动到位置100 这个类会计算出移动的数值,它并没有完成滑动的效果,但是告诉了我们这个滑动的过程 实际的上的view移动操作在computeScroll()完成 这个方法是view的自带方法 需要我们重写

computeScroll方法又是怎么情况呢 看源码 本身是个空的 就等着我们实现 我们实际改变view位置的代码就是在此方法内调用的

额。。。英语一般

大致意思 我们要通过Scroller实现一个滚动效果的时候 父布局就会调用此方法来完成子视图的位置更新

官方的描述是:当我们执行ontouch或invalidate()或postInvalidate()都会导致这个方法的执行

在此方法中不断的获取到移动的距离 通过view自带的layout()方法更新view所在位置

 /**
   * Called by a parent to request that a child update its values for mScrollX
   * and mScrollY if necessary. This will typically be done if the child is
   * animating a scroll using a {@link android.widget.Scroller Scroller}
   * object.
   */
  public void computeScroll() {
  }
public class SlideItem extends LinearLayout {
  private View contentView = null; //不滑动显示的view
  private View menuView = null; //左滑显示的view
  //计算滑动 动画效果
  private Scroller mOpenScroller;
  private Scroller mCloseScroller;
  private int downX; //开始按下的位置
  //记录状态
  private int state = STATE_CLOSE;
  private static final int STATE_CLOSE = 0;
  private static final int STATE_OPEN = 1;
  private int mBaseX;//在关闭滑动的时候计算与父布局的剩余距离
  public SlideItem(Context context) {
    super(context);
  }
  public SlideItem(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
  public SlideItem(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }
  public void setContentView(View contentView, View rightView){
    this.contentView = contentView;
    this.menuView = rightView;
    //初始化mColoseScroller和mOpenScroller
    mCloseScroller=new Scroller(getContext());
    mOpenScroller = new Scroller(getContext());
    initView();
  }
  //child view的布局参数设定好后 添加到parent view里面
  private void initView() {
    //这是设置宽和高
    LayoutParams contentParams = new LayoutParams
        (LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
    LayoutParams rightParams=new LayoutParams
        (LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
    contentView.setLayoutParams(contentParams);
    contentView.setPadding(10,10,10,10);
    menuView.setLayoutParams(rightParams);
    this.addView(contentView);
    this.addView(menuView);
  }
  // 判断是否滑出的状态
  public boolean isOpen() {
    return state == STATE_OPEN;
  }
  /**
   * 供listView调用 进行视图的移动  listView判断状态 什么情况下左滑
   * @param event
   * @return
   */
  public boolean onSwipe(MotionEvent event) {
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        downX = (int) event.getX();
        break;
      case MotionEvent.ACTION_MOVE:
        //按下位置减去移动位置 获取移动的距离
        int dis = (int) (downX - event.getX());
        if (state == STATE_OPEN) {
          dis += menuView.getWidth();
        }
        //移动
        move(dis);
        break;
      case MotionEvent.ACTION_UP:
        //当滑到右边视图一半的距离 自动滑进滑出
        if ((downX - event.getX()) > (menuView.getWidth() / 2)) {
          smoothOpenMenu();
        } else {
          smoothCloseMenu();
          return false;
        }
        break;
    }
    //消费掉事件
    return true;
  }
  /**
   * 视图重新绘制时调用
   */
  @Override
  public void computeScroll() {
    if (state == STATE_OPEN) {
      //computeScrollOffset滑动是否结束
      if (mOpenScroller.computeScrollOffset()) {
        move(mOpenScroller.getCurrX());
        postInvalidate();
      }
    } else {
      if (mCloseScroller.computeScrollOffset()) {
        move(mBaseX - mCloseScroller.getCurrX());
        postInvalidate();
      }
    }
  }
  /**
   * 移动视图
   * @param dis
   */
  private void move(int dis) {
    //这两个判断是为了保证 不要把视图移动过多 导致视图偏移
    if (dis > menuView.getWidth()) {
      dis = menuView.getWidth();
    }
    if (dis < 0) {
      dis = 0;
    }
    //view.layout()控制view相对于其父布局的位置  在触发移动的时候调用不断改变位置 完成实际的滑动效果
    contentView.layout(-dis, contentView.getTop(), contentView.getWidth() - dis, getMeasuredHeight());
    menuView.layout(contentView.getWidth() - dis, menuView.getTop(), contentView.getWidth() + menuView.getWidth() - dis, menuView.getBottom());
  }
  /**
   * 滑动关闭
   * contentView.getLeft() 与其父视图的相对位置
   */
  public void smoothCloseMenu() {
    state = STATE_CLOSE;
    mBaseX = -contentView.getLeft();
    mCloseScroller.startScroll(0, 0, mBaseX, 0, 350);
    postInvalidate();
  }
  /**
   * 滑动打开
   */
  public void smoothOpenMenu() {
    state = STATE_OPEN;
    mOpenScroller.startScroll(-contentView.getLeft(), 0, menuView.getWidth(), 0, 350);
    postInvalidate();
  }
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    if(menuView != null)
      menuView.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),
          MeasureSpec.makeMeasureSpec(getMeasuredHeight(), MeasureSpec.EXACTLY));
  }
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    //确保centerView menuView的显示位置
    if(contentView != null)
      contentView.layout(0, 0, getMeasuredWidth(), contentView.getMeasuredHeight());
    if(menuView != null)
      menuView.layout(getMeasuredWidth(), 0, getMeasuredWidth() + menuView.getMeasuredWidth(), contentView.getMeasuredHeight());
  }
}

适配器

public class SlideAdapter extends BaseAdapter implements View.OnClickListener{
  private List<String> dataList;
  private Context context;
  private LayoutInflater inflater;
  public SlideAdapter(Context context, List<String> dataList) {
    this.context = context;
    this.dataList = dataList;
    this.inflater=LayoutInflater.from(context);
  }
  @Override
  public int getCount() {
    return 5;
  }
  @Override
  public Object getItem(int position) {
    return null;
  }
  @Override
  public long getItemId(int position) {
    return 0;
  }
  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder=null;
    if (convertView==null){
      View content=inflater.inflate(R.layout.adapter_item_content,null);
      View menu=inflater.inflate(R.layout.adapter_item_menu,null);
      holder=new ViewHolder(content,menu);
      SlideItem slideItem=new SlideItem(context);
      slideItem.setContentView(content,menu);
      convertView=slideItem;
      convertView.setTag(holder);
    }else {
      holder= (ViewHolder) convertView.getTag();
    }
    holder.itemTvDelete.setOnClickListener(this);
    holder.itemTvNoRead.setOnClickListener(this);
    holder.itemTvToTop.setOnClickListener(this);
    return convertView;
  }
  class ViewHolder{
    TextView itemTvToTop;
    TextView itemTvNoRead;
    TextView itemTvDelete;
    public ViewHolder(View center,View menu) {
      this.itemTvToTop = (TextView) menu.findViewById(R.id.item_to_top);
      this.itemTvNoRead = (TextView) menu.findViewById(R.id.item_no_read);
      this.itemTvDelete = (TextView) menu.findViewById(R.id.item_delete);
    }
  }
  @Override
  public void onClick(View v) {
    switch (v.getId()){
      case R.id.item_no_read:
        Toast.makeText(context,"标为未读",Toast.LENGTH_SHORT).show();
        break;
      case R.id.item_to_top:
        Toast.makeText(context,"置顶了熬",Toast.LENGTH_SHORT).show();
        break;
      case R.id.item_delete:
        Toast.makeText(context,"删除啦",Toast.LENGTH_SHORT).show();
        break;
    }
  }
}

参考文档:

SwipeMenuListView github上的实现此效果的开源项目

以上所述是小编给大家介绍的Android开发中模仿qq列表信息滑动删除功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • android AsynTask处理返回数据和AsynTask使用get,post请求

    Android是一个单线程模型,Android界面(UI)的绘制都只能在主线程中进行,如果在主线程中进行耗时的操作,就会影响UI的绘制和事件的响应.所以在android规定,不可在主线中进行耗时操作,否则将发生程序无响应(ANR)问题. 解决办法:开启新的线程进行耗时操作 开启新的线程可以new Thread() 或实现Runnable接口 什么要使用AsyncTask呢? 如果是使用Thread的run()方法,run()结束之后没有返回值.所以必须要自己建立通信机制 AsyncTask将所有

  • Android仿QQ列表左滑删除操作

    最近学习了如何做一个像QQ的左滑RecyclerView的item显示选项的,主要是用到Scroller 我们首先新建一个自己的RecyclerView 定义好一些要用的的变量 重写构造方法,把前两个构造方法改为如下,使无论如何构造都要执行第三个构造方法 在第三个构造方法里初始化Scroller public class LeftSwipeMenuRecyclerView extends RecyclerView { //置顶按钮 private TextView tvTop; //删除按钮 p

  • Android仿QQ列表滑动删除操作

    这篇山寨一个新版QQ的列表滑动删除,上篇有说到QQ的滑动删除,推测原理就是ListView本身每个item存在一个Button,只不过普通的状态下隐藏掉了,检测到向左的滑动事件的时候弹出隐藏的Button,不过再切换Button状态的时候会给Button一个出现和隐藏的动画.下面实现这个ListView. 首先有个难点就是通过ListView获取它某个item的View,对于ViewGroup,可以直接调用getChildAt()方法获取对应的子view,但是在ListView直接使用getCh

  • Android开发中模仿qq列表信息滑动删除功能

    这个效果的完成主要分为两个部分 自定义view作为listview的列表项 一个view里面包括 显示头像,名字,消息内容等的contentView和滑动才能显示出来的删除,置顶的右边菜单menuView 在手指移动的时候同时改变这两个视图的位置 重写listview 判断item向左还是向右滑动 正常的滚动还是左右滑动等等 重写onTouchEvent 进行事件分发 大致思路: listview进行事件分发,判断需要滑动还是滚动等状态,如果需要滑动将事件传递给item进行滑动处理. 在item

  • Android开发实现仿QQ消息SwipeMenuListView滑动删除置顶功能【附源码下载】

    本文实例讲述了Android开发实现仿QQ消息SwipeMenuListView滑动删除置顶功能.分享给大家供大家参考,具体如下: 一.先来效果图 二.实现步骤: 1. 在项目build.gradle里面添加包 compile 'com.baoyz.swipemenulistview:library:1.3.0' 2. xml布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  • Android开发中如何解决Fragment +Viewpager滑动页面重复加载的问题

    前言 之前在做一个Viewpager上面加载多个Fragment时总会实例化已经创建好的Fragmnet对象类似 viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { @Override public Fragment getItem(int position) { switch(position){ case 0: fragments=new Fragmnet01(); break; case

  • Android开发实现模仿360二维码扫描功能实例详解

    本文实例讲述了Android开发实现模仿360二维码扫描功能的方法.分享给大家供大家参考,具体如下: 一.效果图: 二.框架搭建 1.首先,下载最新zxing开源项目. 下载地址:http://code.google.com/p/zxing/ 或 点击此处本站下载. 2.分析项目结构,明确扫描框架需求.在zxing中,有很多其他的功能,项目结构比较复杂:针对二维码QRCode扫描,我们需要几个包: (1)com.google.zxing.client.android.Camera 基于Camer

  • Android开发中RecyclerView模仿探探左右滑动布局功能

    我在此基础上优化了部分代码, 添加了滑动回调, 可自定义性更强. 并且添加了点击按钮左右滑动的功能. 据说无图都不敢发文章了. 看图: 1:这种功能, 首先需要自己管理布局 继承 RecyclerView.LayoutManager , 显示自己管理布局, 比如最多显示4个view, 并且都是居中显示. 底部的View还需要进行缩放,平移操作. public class OverLayCardLayoutManager extends RecyclerView.LayoutManager { p

  • Android开发中判断手机是否安装了QQ或者微信

    下面一段代码给大家分享了android中判断手机是否安装了qq或者微信,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧 public static boolean isWeixinAvilible(Context context) { final PackageManager packageManager = context.getPackageManager();// 获取packagemanager List<PackageInfo> pinfo = packageMana

  • Android开发中滑动分页功能实例详解

    本文实例讲述了Android开发中滑动分页功能.分享给大家供大家参考,具体如下: android UI 往右滑动,滑动到最后一页就自动加载数据并显示 如图: Java代码: package cn.anycall.ju; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.app.Activity; import andro

  • Android开发中播放声音的两种方法分析

    本文实例讲述了Android开发中播放声音的两种方法.分享给大家供大家参考,具体如下: 在Android中,音频.视频等多媒体元素的加入,使得应用程序的用户体验更好.可以说,现在的手机,已经远远不只作为通信工具,更成为娱乐.办公的必备产品. Android提供了简单的音频API.一般大家使用的是MediaPlayer播放音频,这也是最常见的一种播放声音的工具.这种工具在互联网上有大量的实例,因此在此只做简单的介绍. 对播放行为的控制是三个大家非常熟悉的方法:start().stop()和paus

  • Android开发中Intent用法总结

    本文实例讲述了Android开发中Intent用法.分享给大家供大家参考,具体如下: Android手机软件开发中,Intent作为手机软件开发时很重要的对象需要引起我们的重视,实际上,intent也是体现Android开发具有其独特性的一个标志性的对象. 当一个Activity要启动另外一个Activity的时候,也许一个以前较为熟悉的模式是:调用一个new函数,直接创建具有窗口特征类的对象,又或者直接调用一个启动函数来启动.这种方式简洁.明了,但是却违背了Android开发的理念.Andro

  • Android开发之模仿微信打开网页的进度条效果(高仿)

    一,为什么说是真正的高仿? 阐述这个问题前,先说下之前网上的,各位可以复制这段字,去百度一下  "仿微信打开网页的进度条效果" ,你会看到有很多类似的文章,不过他们有个共同点,就是实现方法都是一样的,而且,都忽略了微信加载网页时,进度条的缓慢动画效果,它不是生硬地一滑而过,而是用户体验很好,有个速度的变化,由慢到快的效果,语言难于描述,相信各位都有下载微信,可以随便打开个公众号的文章看看效果. 好了,上面说到,之前网上的方法都是都忽略了微信加载网页时,进度条的缓慢动画效果,实现代码也是

随机推荐